总结vue.js的事件处理器实例
来源：动视网
责编：小OO
时间：2020-11-27 20:17:41
总结vue.js的事件处理器实例
用 v-on 指令监听 DOM 事件。注意：HTML5中不能使用v-on，换为@。（1）html代码。<；p id="；example"；>；<；button v-on：click="；greet"；>；Greet<；/button>；// 或者 <；button @click="；greet"；>；Greet<；/button>；<；/p>；。（2）js代码。（3）效果展示。
导读用 v-on 指令监听 DOM 事件。注意：HTML5中不能使用v-on，换为@。（1）html代码。<；p id="；example"；>；<；button v-on：click="；greet"；>；Greet<；/button>；// 或者 <；button @click="；greet"；>；Greet<；/button>；<；/p>；。（2）js代码。（3）效果展示。
本篇文章主要介绍了详解vue.js的事件处理器v-on:click，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
用 v-on 指令监听 DOM 事件
注意:HTML5中不能使用v-on，换为@
（1）html代码：
<p id="example">
<button v-on:click="greet">Greet</button>
// 或者
<button @click="greet">Greet</button>
</p>
（2）js代码：
（3）效果展示：
总结vue.js的事件处理器实例
用 v-on 指令监听 DOM 事件。注意：HTML5中不能使用v-on，换为@。（1）html代码。<；p id="；example"；>；<；button v-on：click="；greet"；>；Greet<；/button>；// 或者 <；button @click="；greet"；>；Greet<；/button>；<；/p>；。（2）js代码。（3）效果展示。
