在Vue进行前端开发中,事件监听是必不可少的功能,本文通过简单的小例子,简述v-on的简单用法,仅供学习分享使用,如有不足之处,还请指正。
监听事件
可以用 v-on 指令监听 DOM 事件,并在触发时运行一些 JavaScript 代码。如下所示:
<button v-on:click="counter += 1">Add 1</button>
<p>按钮被点击了 {{ counter }} 次.</p>
其中counter为Vue自定义的一个属性值。
事件处理方法
事实上,许多事件处理逻辑会更为复杂,所以直接把 JavaScript 代码写在 v-on 指令中是不可行的。因此 v-o