关于v-on绑定事件的问题?
发布于 1年前 作者 Huqiuwei 2446 次浏览 来自 问答

本人开始学习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>

</head>

<body>
<input type="button" value="按钮" v-on:click="add()">
  • {{value}}
</body>

这里采用的是v-on:click="add()绑定点击事件 add后面带()

但在官网上,有如下的绑定处理的例子

<button v-on:click="greet">Greet</button>
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之后的函数到底应不应该加()呢, 如果两种写法都对,那这两种写法有什么区别呢?不胜感激

1 回复

没什么区别,传参的时候需要加括号

回到顶部