Vue自定义事件

自定义事件

  事件的发布         
  事件的订阅

自定义事件的使用形式

    1. 组件生命周期中发布事件，通过某一个事件处理程序调用
    2. 绑定在组件身上 ， 通过 v-on 绑定

vm.$on(事件的名称，事件的回调)
  事件的发布
  vm.$on('aa',function(){
    alert( 'aa' )
  })
  // 事件的订阅
  // vm.$emit(事件的名称)
  vm.$emit( 'aa' )

实例演示

<div id="app">
    <button @click='fn'>点击</button>
  </div>

 var vm=new Vue({
    el:'#app',
    methods:{
      fn(){
        this.$emit('aa')
      }
    },
    mounted(){
      this.$on('aa',function(){
        alert('aa')
      })
    }

  })