Quantcast
Channel: CNode:Node.js专业中文社区
Viewing all articles
Browse latest Browse all 14821

关于vue绑定点击事件的问题

$
0
0

本人开始学习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之后的函数到底应不应该加()呢, 如果两种写法都对,那这两种写法有什么区别呢?不胜感激


Viewing all articles
Browse latest Browse all 14821

Trending Articles