如何通过Vue给组件绑定原生事件示例编写学习笔记？

本文共计673个文字，预计阅读时间需要3分钟。

原文：本文实例讲述了Vue学习笔记之给组件绑定原生事件操作。分享给家长供大家参考，具体如下：当在父组件中定义一个点击事件，并在父组件的methods中定义了这个点击事件时，在页面中...

改写后：本文以实例展示如何给Vue组件绑定原生事件。供家长参考，具体操作包括：在父组件中定义一个点击事件，并在methods中实现该事件处理，页面中...

本文实例讲述了vue学习笔记之给组件绑定原生事件操作。分享给大家供大家参考，具体如下：

当在父组件中定义一个点击事件，并且在父组件的methods中定义了这个点击事件时，在页面上点击并不会有什么反应。那么该怎么办呢？

我们可以在子组件的template中的dom上定义一个点击事件（原生事件），并且在子组件的methods中定义该点击事件，然而点击页面时也只会alert(child click )。

这是为什么呢？父组件的点击事件被vue当成自定义事件，点击后没有检测到，这时需要子组件向父组件触发点击'自定义'事件，即 this.$emit('change') 。then，完成。先响应了child click，然后响应了click。