lovecoding/VIP32 @ 3fd729e396fd86df4cadaaf9d4f37d65836069de

组件通信

ref

父组件 template标签中 ref="名称<aaa>"
mounted() this.$refs.aaa.$on("自定义的方法名<xx>",传送的方法)

子组件 this.$emit("自定义的方法名")

在父组件中 绑定点击事件 @/v-on:click 
            绑定好事件方法
在子组件中 通过this.$emit("监听事件"，传参)

$on 绑定事件
$emit 监听事件
$off 解绑事件

new Vue({
  render: h => h(App),
  beforeCreate(){
    Vue.prototype.$bus = this
  }
}).$mount('#app')

$on/$emit/$off this.$bus.$on 使用在mounted声明周期中 this.$bus.$off 使用在beforeDestroy声明周期中

npm install pubsub-js

使用页面 import pubsub from 'pubsub-js'; 发布消息 pubsub.subscribe() 订阅消息 pubsub.publish() 如果调用方法有传参所传真实传参在第二个位置详情请见Demo5.vue 取消订阅 pubsub.unsubscribe()