Vue.js中v-on的使用方法

v-on是 Vue提供的事件绑定机制   缩写是 @ --

使用方法：

<div id="app">
    <input type="button" value="按我" @click="function">
</div>

//为该input标签绑定点击事件，点击时调用方法“function”。

<script>
    var vm = new Vue({
      el: '#app',
      data: {},
      methods: {
        function() {
    alert("你好");
    }
</script>

事件修饰符：

.stop 阻止冒泡
.prevent 阻止默认事件
.capture 添加事件侦听器时使用事件捕获模式
.self 只当事件在该元素本身（比如不是子元素）触发时触发回调，self 只会阻止自己身上冒泡行为的触发，并不会真正阻止 冒泡的行为
.once 事件只触发一次

转载于:https://www.cnblogs.com/xwenbin/p/10372937.html