14、vue组件间通信的方式

  • 父向子通信
  • 子向父通信
  • 兄弟组件通信
  • 隔代组件通信
实现通信方式
  • props
    • 标一般属性(父向子)、函数属性(子向父)
    • 隔代通信比比较麻烦:需要逐级传递;兄弟组件通信需要通过父组件传递
  • Vue自定义事件:
    • 绑定监听(子胥见在父组件中调用的时候绑定监听)<My-component @eveName="callback"/>
    • 触发(分发)事件this.$emit('eveName',data )
    • 只适合子组件向父组件通信
  • 消息订阅与发布(例如:pubsub-js )
    • 订阅消息
    • 发布消息
    • 适用于任意关系的组件通信
  • Vuex(vue的状态管理的插件库)
  • slot:专门用来父向子传递带数据的标签

results matching ""

    No results matching ""