VUE调用方法 加不加括号 有什么区别

最新推荐文章于 2024-05-09 11:32:07 发布
最新推荐文章于 2024-05-09 11:32:07 发布
阅读量858 收藏 1
点赞数
分类专栏： 前端基础 文章标签： vue.js
原文链接：https://blog.csdn.net/qq_42205731/article/details/118407811
版权

@click=“fun” 不带括号、不写实参的fun默认传event (事件对象)
@click=“fun(value)” 只要加括号，无论是否传值，都属于传实参给函数，event (事件对象)就接收不到。
如果需要实参、又需要event (事件对象)，就需要手动传入 event (事件对象)，如下： @click=“fun($event, value)”

注： Vue中的@click和React中的onClick实现原理是不一样的，React onClick必须接收一个函数体，如果加括号绑定，就会将方法执行后的返回值，赋给onClick，因此React onClick不能加括号。
Vue绑定事件是通过 自定义的 $on 方法来实现的

早点睡觉不要熬夜！
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue 函数调用加括号与不加括号的区别
01-18
写在前面：最近做的一个项目用是很久之前的，在维护项目中就无法使用vue等技术来操作，所以一些方法用的是原生来写的，在绑定点击方法时，方法名没加括号，就没生效，加了括号就生效了，当时有疑惑的点是在之前做vue的项目中，我记得不加括号也是完全可以的，于是就详细的查了一下。 原生方法调用函数 在script里写方法，不加括号的话就相当于得到的是这个函数体，是这个函数本身，并不会执行函数 <body> 函数调用是否要加括号 <button>点击变色</button> [removed] var div = docum
vue 事件绑定函数加括号和不加括号的区别
weixin_56008510的博客
12-15 2976
自定义事件加不加括号的区别 不加括号: <div> <button @click="test">测试</button> </div> test(id){ console.log(id); } 加括号: <div> <button @click="test()">测试</button> </div> test(id){ console.log(id); } 添加括号传值
vue双花括号的使用方法 附练习题
12-29
本文实例为大家分享了vue双花括号的具体代码，供大家参考，具体内容如下 <!doctype html> <html> <head> <meta charset=UTF-8> <title>{{}}的使用</title> [removed][removed] </head> <body> <div id=container> <h1>{{msg}}</h1> <h4>{{cart.brand}}</h4> <!--在双花括号中 执行运算表达式 --> <p> 3 + 5 = {{ 3 + 5 }}</p> </div> <sc
Vue中事件后调用函数加括号写如参数与不加括号的区别
1 Byte 的博客
01-10 2482
Vue 对函数调用做了封装，加与不加括号的区别在于事件对象参数 event 的处理。 （1）不加括号时，函数第一个参数为 event； （2）加了括号后，需要手动传入 $event 才能获得事件对象。 ...
vue当中绑定回调函数的时候添加括号和不添加括号的区别
动感超人的博客
09-01 691
相不添加括号 @click = “handleClick” 会默认传入一个event参数。添加括号 @click = “handleClick()” 则不会传入参数。我们书写下代码(很简单的代码,对比输出不同而已)
vue中点击事件click加括号和不加括号的区别
m0_65069237的博客
09-23 1056
使用@click="comfors"会在点击事件触发时执行方法，而使用@click="comfors()"会在组件渲染时就执行方法并将其返回值绑定到点击事件上。总结：comfors与comfors（）的区别主要是对事件对象参数event的处理，当comfors（）必须手动写参数$event才能获取事件对象，而comfors默认第一个参数对象是MouseEvent。2. @click="comfors()"：这是在点击事件上调用方法的语法，当元素被点击时，会立即执行comfors方法。
vue之@click绑定的函数，如何实现加不加括号都可执行
yummry的博客
11-10 5070
vue@click 事件原理
vue中事件绑定加括号和不加括号的区别
meteorites的博客
07-02 5486
vue中事件绑定加括号和不加括号的区别 @click=“fun” 不带括号、不写实参的fun默认传event (事件对象) @click=“fun(value)” 只要加括号，无论是否传值，都属于传实参给函数，event (事件对象)就接收不到。 如果需要实参、又需要event (事件对象)，就需要手动传入 event (事件对象)，如下： @click=“fun($event, value)” 注： Vue中的@click和React中的onClick实现原理是不一样的，React onClick必须接收
Vue -- 关于函数调用时加不加括号的问题
classic0608的博客
03-14 95
Vue -- 关于函数调用时加不加括号的问题_vue 调用方法不加括号_CodeJiao的博客-CSDN博客
vue的@click后有无括号的区别
chongyang466的博客
12-02 565
@click有括号：传指定参数 @click无括号：默认传event参数
2023年Vue最全的面试题.pdf
04-09
与方法(Methods)相比有什么区别？ 组件： 如何定义一个全局组件？如何在局部组件中使用全局组件？ Vue组件之间如何进行通信？ 什么是插槽(Slot)？如何使用插槽进行组件内容的分发？ 状态管理： 什么是Vuex？它的...
vue语法.rar
08-16
参数有多个，需要加一个小括号，参数用逗号隔开 3.函数的主题内容是放箭头后面， 如果语句只有一条，那就直接写； 如果语句有多条，需要把他们放在一堆大括号里 。 十六、rest参数 rest参数 ...变量名 rest...
vue中对方法加不加括号的区别与影响
qq_44993242的博客
08-28 2408
html <div id="example-2"> <button @click="test">测试</button> </div> js new Vue({ el: '#example-2', data(){ return { } }, methods: { test(id){ console.log(id); } } }) 不添加括号 <button @click=“tes
vue中引入加上{}和不加的区别[Vue warn]: Error in v-on handler (Promise/async): “TypeError: (0 , _api__WEBPACK_IM
qq_51847461的博客
11-26 582
代码里面如果只有export，在外部引入的时候就需要带上{}，不然会出现以下错误；
vue中导入什么时候需要{}，什么时候不需要加{}
m0_48390697的博客
07-26 453
vue中导入什么时候需要{} ，什么时候不需要加{}
vue中方法function加（）和直接传入方法名的区别
lhyxm的博客
06-16 273
vue中方法function加（）和直接传入方法名的区别
Vue中调用函数加括号与不加括号区别
Apollo的博客
03-27 2877
https://blog.csdn.net/qq_40436854/article/details/103923544 https://www.jianshu.com/p/f35a9848dd22 在做项目的时候，引入了element-ui的分页功能 发现了问题 1、getList方法定义：page=1相当于不传参时page默认为1 2、以下方法不能加（），不加括号页数可以依靠前端组件传入，若写为getList()，则无论前端点多少页，始终维持在第一页。若写为getList(2)，则始终保持在第二页 3
vue 中@click后面加不加括号的区别
tianynnb的博客
08-19 1752
加与不加括号的区别在于事件对象参数 event 的处理。 不加括号时，函数第一个参数为 event，加了括号后，需要手动传入 $event 才能获得事件对象。
vue3自定义拖拽指令
最新发布
weixin_43641912的博客
05-09 325
自定义拖拽指令: 鼠标位置相对于当前文档的x坐标 - 鼠标位置相对于当前物体的x坐标 就是 物体在文档中的位置。
vue计算属性调用方法
08-16
Vue计算属性有两种调用方法： 1. 在模板中直接使用，不需要加括号，就像{{fullName}}这样。当计算属性只有getter时，可以简写为computed:{ fullName(){ return this.firstName + '-' + this.lastName } } [1] 2. 在...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值