Javascript VueJS气泡组件事件

我试图创建一个Vue组件（自定义画布元素），但发现该组件的常规事件对父级来说似乎没有气泡。有什么明显的我做错了吗

如果可以避免的话，我真的不想从组件中发出所有可能的HTML事件。如果不清楚的话：我不是在谈论定制事件——只是onmousemove等等

短暂性脑缺血发作

---

Vue.component（'XonCanvas'{
模板：“”
})
新Vue({
el:“#应用程序”，
方法：{
handleMove（事件）{console.log（“我工作过！”）}
}
});

---

一个快速修复方法是添加v-on=“$listeners”

Vue.component（'XonCanvas'{
模板：“”
}
)

---

一个快速修复方法是添加v-on=“$listeners”

Vue.component（'XonCanvas'{
模板：“”
}
)

---

哇，我甚至不知道那件事。对于其他人来说，以下是文档：哇，我甚至都不知道这个。以下是其他人的文档：

<div id="app">
  <xon-canvas @mousemove="handleMove"></xon-canvas>
</div>

Vue.component('XonCanvas', {
  template: '<canvas width="500" height="500"></canvas>'
  })

new Vue({
  el: '#app',
  methods: {
    handleMove (event) { console.log("I worked!") }
  }
});

Vue.component('XonCanvas', {
  template: '<canvas v-on="$listeners" width="500" height="500"></canvas>'
  }
)