事件修饰符 .once 事件只触发一次

让事件只触发一次

<div id="app">
        <input type="button" value="按钮" @click="btnClick">
    </div>


    <script src="./js/vue.js"></script>
    <script>
        let vm = new Vue({
            el:"#app",
            data:{},
            methods:{
                btnClick(){
                    console.log("按钮被点击了");
                }
            }
        })
    </script>

这是多次点击之后

---

 让该事件只执行一次

 
    <div id="app">
                        <!-- (4) .once 事件只触发一次 -->
        <input type="button" value="按钮" @click.once="btnClick">
    </div>

只能被点击一次了