Vue之动态事件绑定

什么都有动态的，动态的值，动态的属性，动态响应数据，自然少不了动态的事件绑定
什么是静态的呢？在模板语法中template的标签绑定v-on:eventName-“method”

$on

this.$on(eventName, eventHandler) 绑定组件，动态侦听事件

{
   
  created() {
   
    this.$on('gg', this.gg) 
    //注意这个this.gg 它只是一个函数，但是有意思的是，在$on的內部的回调里 this.gg.call(this) 是这么执行的
    //你或许会说这可能是VM在其中绑定option.methods到vm上做的，但是你可以直接this.$on('gg', ()=>{console.log(this)}) 试试
  },
  methods: {
   
    gg() {
   
      console.log('打印出gg')
    }
  }
}

$off

this.$off(eventName, eventHandler) 解绑组件，接触事件侦听

{
   
  created() {
   
    this.$on('gg', this.gg