箭头函数在vue中的妙用

时间:2024-04-12 14:00:42

前言

这篇文章是带大家认识一个非常好用的小技巧,是对箭头函数的理解,我是在进行vue项目开发的时候碰到的,所以在这里整理一下分享给大家,如果有不对或者不恰当的地方,大家可以在下方评论,我们一起交流。

举几个例子

1、在对象中,看图

箭头函数在vue中的妙用
箭头函数在vue中的妙用
没有用箭头函数的情况下是还是指向这个对象中ccc,如果我们用上箭头函数的话
箭头函数在vue中的妙用
箭头函数在vue中的妙用

那么指向的就是data里面的值了

2、使用回调函数的时候

箭头函数在vue中的妙用
箭头函数在vue中的妙用
用普通函数的话就是找不到,报错,当然这里可以声明that对this的一个保存,但是箭头函数也可以解决这个问题,会让代码变得更加的简洁、优雅
箭头函数在vue中的妙用
箭头函数在vue中的妙用

总结

这两个例子说明了一个观点,就是在vue的项目中使用箭头函数的时候,只要是用到箭头函数的地方,那么不管是什么方式都改变不了箭头函数对data的指向,这也算是一个小妙招,目前还没有发现不当的地方,如果大家看到了,有疑问,在下发评论即可,一起学习,一起进步