計數器簡易圖（案例計數器）
2023-04-18 05:46:23
計數器簡易圖? Title 當前計數：{{counter}} <!-- --> <!-- - --> - const app = new Vue({ el: '#app', data: { counter: 0 }, methods: { add: function { console.log("add被執行"); this.counter ; }, sub: function { console.log("sub被執行"); this.counter--; } } }) ，我來為大家講解一下關於計數器簡易圖?跟著小編一起來看一看吧!
計數器簡易圖
案例：計數器現在，我們來實現一個小的計數器點擊＋計數器 1點擊-計數器-1這裡，我們又要使用新的指令和屬性了新的屬性:methods，該屬性用於在Vue對象中定義方法。新的指令:@click,該指令用於監聽某個元素的點擊事件，並且需要指定當發生點擊時，執行的方法(方法通常是methods中定義的方法)你可能會疑惑?這些@click是什麼東西?Vue對象中又是定義el/data/methods，到底都有哪些東西可以定義，以及它們的作用是什麼?這些疑惑在後續學習中都會一一解開。Title 當前計數：{{counter}} <!-- --> <!-- - --> - const app = new Vue({ el: '#app', data: { counter: 0 }, methods: { add: function { console.log("add被執行"); this.counter ; }, sub: function { console.log("sub被執行"); this.counter--; } } })
,
![2022愛方向和生日是在[質量個性]中](http://img.xinsiji.cc/20220215/1604989894118215680.jpg)
