Vue.js——简单计数器
生活随笔
收集整理的這篇文章主要介紹了
Vue.js——简单计数器
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
源代碼?
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>vue.js Count</title> </head> <body><div id="app"><h2>當前計數：{{counter}}</h2><button v-on:click="add">+</button><button v-on:click="sub">-</button></div><script src="./JS/vue.js"></script><script>const app = new Vue({el: '#app',data: {message:["vue","demo"] ,counter:0},methods:{add:function(){this.counter++,console.log("++")},sub:function(){this.counter--,console.log("--")}}}) </script> </body> </html>運行結果?
學習資源
https://www.bilibili.com/video/av59594689?p=6
參考文章?
https://blog.csdn.net/qq_40087726/article/details/100173968
總結
以上是生活随笔為你收集整理的Vue.js——简单计数器的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： JAVA——RSA加密与解密
- 下一篇： html5倒计时秒杀怎么做,vue 设