组件通讯之自定义事件通讯

组件通讯之自定义事件通讯

实现兄弟组件之间的通讯

• vue实例具有自定义事件的能力

import Vue from 'vue'
export default new Vue()

• 绑定自定义事件

mounted() {
    event.$on('onAddTitle', this.addTitleHander)
  },

• 触发自定义事件

 event.$emit('onAddTitle', this.title)

• 即使解绑自定义事件，否则容易造成内存泄漏，因为它一直是绑定在vue实例里的

  beforeDestroy() {
      event.$off('onAddTitle', this.addTitleHander)
    }