javascript - vue.js自定义事件如何触发的？

当你点击button的时候执行了button的click事件，然后执行了notify方法，然后在notify方法里面dispatch了你自定义的handleIt事件，也就是说是依赖button的click事件
可以参考下这里：http://cn.vuejs.org/api/#vm-dispatch

我觉得代码是不是有点问题？没看到哪里触发child-msg事件啊？

Vue.component('child', {
  template: '#child-template',
  data: function () {
    return { msg: 'hello' }
  },
  methods: {
    notify: function () {
      if (this.msg.trim()) {
        this.$dispatch('child-msg', this.msg);//这里应该改成child-msg吧，否则代码就真的理解不了了
        this.msg = ''
      }
    }
  }
})

這邊其實並沒有被觸發，因為並沒有名為 child-msg 的事件被 dispatch

v-on:child-msg="handleIt"

真正被觸發的是你寫在這邊的 events

  events: {
    'handleIt': function (msg) {
      this.messages.push(msg)
    }
  }

如果你是想靠 v-on:child-msg="handleIt" 來處理事件的話，你應該是要把 handleIt 放在 methods 裡面，然後 this.$dispatch('child-msg', this.msg) 才對。

這裡我稍稍修改了你的代碼：https://jsfiddle.net/tomoeba/97kmbrye/1/