Vue入門06--v-on
阿新 • • 發佈：2018-10-31
程式碼：
v-on簡寫@
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/vue.js" ></script> </head> <body> <div id="app"> <button @click="add">按鈕</button> </div> <script> new Vue({ el:"#app", data:{ msg:"hello" }, methods:{ //es5 寫法 add:function(){ // alert(1) // alert(this.msg) this.reduce() }, reduce:function(){ console.log(1) } //es6 寫法 // add(){ // alert(1) // } } }) </script> </body> </html>
顯示：點選按鈕彈出1