本人开始学习vue.js,之前在博客上看到一个例子
window.onload = function(){
var vm = new Vue({
el:'#box',
data:{
arr:['apple','banana']
},
methods:{
add:function(){
// alert(this.arr);
this.arr.push('tomato');
}
}
});
}
</script>
<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>
这里采用的是v-on:click="add()绑定点击事件 add后面带()
但在官网上,有如下的绑定处理的例子
<div id=“example-2”> <button v-on:click=“greet”>Greet</button> </div> var example2 = new Vue({ el: ‘#example-2’, data: { name: ‘Vue.js’ }, methods: { greet: function (event) { alert('Hello ’ + this.name + ‘!’) if (event) { alert(event.target.tagName) } } } }) 这里采用的是 <button v-on:click=“greet”>,greet后面不带()
想问一下大家,这里click之后的函数到底应不应该加()呢, 如果两种写法都对,那这两种写法有什么区别呢?不胜感激