v-on:click
<!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8"> <script src="http://unpkg.com/vue/dist/vue.js"></script> <script type="text/javascript"> window.onload = function(){ var vm = new Vue({ el:'#box', methods:{ show:function(){ alert(1); } } }); } </script> </head> <body> <div id="box"> <input type="button" value="按钮" v-on:click="show()"> </div> </body> </html>
<!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8"> <script src="http://unpkg.com/vue/dist/vue.js"></script> <script type="text/javascript"> window.onload = function(){ var vm = new Vue({ el:'#box', data:{ arr:['apple','banana'] }, methods:{ add:function(){ // alert(this.arr); this.arr.push('tomato'); //给数组添加一个元素进去 //这里的this就是实例化后的对象vm } } }); } </script> </head> <body> <div id="box"> <input type="button" value="按钮" v-on:click="add()"> <br /> <ul> <li v-for="value in arr">{{value}}</li> </ul> </div> </body> </html>
故乡明