如何在vue实例里查看@click等监听事件

Question

我的代码里动态new Vue了，然后还加了一个@click事件，但实例化后实际没有，怎么调试这个监听事件为啥没有呢？

 <widget-item @click=‘xxx’ />
                                 

v-on:click @click.native都试过的

如上，点击时并不会执行xxx，应该如何调试查问题

Answer 1

自定义组件如果没有在组件内$emit('click')，就你这样写是监听不到点击事件的
不想麻烦的话你也可以加上native修饰符

 <widget-item @click.native='xxx' />

监听原生事件

Answer 2

// widget-item 组件内部emit一个事件出来
<div @click="$emit('click')">
    <div>组件内容</div>
</div>

// 使用 widget-item
<widget-item @click="todo"/>