vue使用once修饰符，使事件只能触发一次

使用once修饰符，使事件只能触发一次
多个修饰符可以同步使用

<!--定义vue的操作对象-->
<div id="app">
    <!-- 使用self修饰符 点击标签自身时才会执行事件 -->
    <!-- 使用once修饰符 使事件只能触发一次  -->
    <!-- 多个修饰符可以同时使用   -->
    <div class="inner" @click.self.once="divClick">
        <input type="button" value="点击" @click="butClick">
    </div>
</div>
<!--导入vue.js-->
<script src="./vue.js"></script>
<script>
    //创建一个vue实例
    var vm = new Vue({
        el:"#app", //指定实例控制的DOM元素
        data:{ //存储页面数据

        },
        methods:{ //在此处定义实例可用的所有方法
            divClick(){
                console.log('div点击事件')
            },
            butClick(){
                console.log('button点击事件')
            }
        }
    })

</script>