使用函数带（）和不带（）的区别

老师，第19行，

如果写成

也是可以的吗？实际会有区别吗？

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="https://unpkg.com/vue@next"></script>
    <title></title>
</head>
<body>
    <div id="demo"></div>
    <script>
        const app =Vue.createApp(
            {
                data(){
                    return{
                        Text:"HelloWorld",
                        show1:true,
                        show2:true,
                    }
                },
                methods:{
                    click(){
                        alert("ok");
                    }
                },
                template:
                    `
                    <div v-if="show1">{{Text}}</div>
                    <div v-show="show2">{{Text}}</div>
                    <input @click="click()" type="button" value="ok">
                    `
                
            }
        );
        app.mount('#demo');
        
    </script>
 
</body>
</html>

localhost999 2022-01-28

源自：vue基础入门（上） 2-13 事件绑定-事件修饰符（1）

收起

1回答

好帮手慕久久回答被采纳获得+3积分 2022-01-28 10:21:10

同学你好，带括号时，可以往方法中传参数，例如：

如果不需要传参，那么写不写括号都可以，没区别。

祝学习愉快！

收起回答

localhost999 提问者 #1

老师，函数带（）和不带（），原生js也是这样吗？

2022-01-28 10:31:43
localhost999 提问者 #2

原生js也是没有区别吗

2022-01-28 10:32:15
好帮手慕久久回复提问者 localhost999 #3

同学你好，原生js中，必须写括号，例如：
如果不写括号，事件处理函数会无法执行：
祝学习愉快！

2022-01-28 10:54:50