为什么直接绑定在 Vue 自定义组件标签上的事件无法触发

[matts8023]

如题，我在自定义组件标签上绑定了事件，点击时却无法触发，代码如下：

<template id="test">
  <p>Hi</p>
</template>

<div id="app">
  <test @click="hello"></test>
</div>

Vue.component('test', {
  template: "#test"
})

new Vue({
  el: '#app',
  data: {},
  methods: {
    hello: function() {
      alert();
    }
  }
})

然鹅，我把 @click 放到父级标签上却又可以触发了，这是为啥？

<div id="app" @click="hello">
  <test></test>
</div>

[zhuangtongfa]

@click.native 　试试

[matts8023]

@zhuangtongfa 嗯，刚刚在 Vue 官方库的 issue 中找到，可以用，谢谢 O(∩_∩)O

[kqz901002]

@matts8023 icon

[matts8023]

@kqz901002 哈哈哈哈哈

[yunkou]

官方文档有说明哦