vue中普通函数中的this和箭头函数中的this的区别

最新推荐文章于 2024-04-16 12:30:01 发布
最新推荐文章于 2024-04-16 12:30:01 发布
阅读量790 收藏
点赞数
分类专栏： vue vue.js mycat 文章标签： vue.js vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44432032/article/details/108917997
版权
vue.js 同时被 3 个专栏收录
7 篇文章 0 订阅
订阅专栏
mycat
7 篇文章 0 订阅
订阅专栏
vue
5 篇文章 0 订阅
订阅专栏

1.普通函数中的this，表示的是本函数
2.箭头函数中的this，表示的是vue实例

原克技术
关注
专栏目录
vue项目中踩过的坑-this
qq_43121828的博客
07-31 1048
在vue项目中，this一般指向vue对象，可以使用this.routethis.route this.routethis.staore 等方法，但是遇到一个this指向发生变化的坑 项目中使用echarts组件，在触发图表点击事件时，this不再指向vue对象，而是指向echarts组件，此时用 this.$staore会报错： 此时解决方法为： 将指向vue点的this保存给一个变量 _...
vue 外部函数与methods中函数区别_JavaScript 中普通函数与箭头函数的区别
weixin_36315722的博客
02-03 702
0x00 引言大家好，我是以卖码为生的海门。今天想和大家探讨一下普通函数与箭头函数有什么区别？大家也许在面试的时候被问及过这个问题，而我是在一次和同事的交谈中被问及的。我当时的回答是：普通函数可以在它定义之前的位置使用它，即与位置无关，而箭头函数不行，且箭头函数没有 this。这么回答很显然是说服不了任何人的。0x01 书写形式简单罗列几种使用过程中的书写形式。主要介绍定义方式，有参无参...
在vue中_this和this的区别
日常笔记 | 干货分享 | 毕设源码 | 毕设指导 | 答辩指导
02-24 4181
_this只是一个变量名，this代表父函数，如果在子函数还用this，this的指 向就变成子函数了，_this就是用来存储指向的 普通函数中的this表示调用此函数时的对象，箭头函数里面的this会继承自外部的this，普通函数中的this并不会向上继续找对象，箭头函数中会往上寻找this，直到找到所代表的this为止 例如： ......
this的区别
weixin_33775582的博客
04-10 86
数据中心：this与_this的区别 getSelectData:function(){ var _this=this; _this.queryAjax(URL.selectData,'','post',function(rst){ i...
一文看懂javascript(js)的this和Vue中的this
最新发布
2301_76179969的博客
04-16 1257
this是Javascript语言中的一个关键字，它代表函数运行时自动生成的一个内部对象，指当前对象，因此this只能在函数内部使用。随着函数执行环境的改变，this所指代的对象也会发生改变，但this始终指向的是调用函数的对象。简单来说就是谁调用了这个函数，this就指向谁(对象)。方法区别call既可以调用函数又可以传参数，参数只需用逗号隔开apply既可以调用函数又可以传参数，参数需要用一个数组进行包裹bind。
vue中vue引用和this的一点区别
qq_42770022的博客
02-08 677
直接上图，就是在computed里面进行拼接时，使用this没问题，但是使用v这个引用就会报错，盲猜是编译顺序的问题。
浅谈vue使用axios的回调函数中this不指向vue实例,为undefined
10-14
2. 如果已经在箭头函数中定义了方法，那么可以放心地使用this来访问Vue实例的其他属性和方法。 3. 了解普通函数和箭头函数在创建和调用时this绑定的差异，有助于更好地控制函数的行为。 请看下面的代码示例： ```...
解析vue data不可以使用箭头函数问题
08-27
在 Vue 中，data 属性不能使用箭头函数，这是因为箭头函数的 this 指向问题。在 JavaScript 中，非严格模式下，函数都会有一个 this 指向，但是箭头函数的 this 指向的是定义时的上下文环境，而不是调用时的上下文...
在Vue中使用this.$store或者是$route一直报错的解决
10-16
在JavaScript中，普通函数和箭头函数在处理this时有着本质的不同。普通函数中的this是在函数被调用时才确定的，而箭头函数中的this是在函数被创建时继承的上下文中的this值。因此，在Vue组件方法中使用箭头函数时...
在vue 中var _this=this作用
nanzhuhe的博客
03-16 797
var _this=this console.log(_this)原来的对象 console.log(this)//当前方法对象 _this只是一个变量名，this代表父函数，如果在子函数还用this，this的指 向就变成子函数了，_this就是用来存储指向的 https://blog.csdn.net/cataclysm2012/article/detai...
类名.this与this的区别
weixin_43831204的博客
09-20 316
类名.this与this的区别
Vue注意点——this
hssjsh的博客
10-26 478
Vue注意点——this的简单介绍个不同场景下使用的this的不同点
this与$(this)的区别
weixin_34130389的博客
07-24 63
this，表示当前的上下文对象是一个html对象，可以调用html对象所拥有的属性和方法。 $(this),代表的上下文对象是一个jquery的上下文对象，可以调用jQuery的方法和属性值。 转载于:https://www.cnblogs.com/family-626-77/p/5700251.html...
this 与$(this) 的区别
lianhualianhua的专栏
06-17 70
实例代码如下: $("#textbox").hover( function() { this.title = "Test"; }, fucntion() { this.title = "OK”; } ); 这里的this其实是一个Html 元素(textbox)，textbox有title属性，所以这样写是完全没有什么问题的。但是如果将this换成$(this)就不...
Vue 中 this 的理解和使用
菜鸟学编程
09-09 2726
Vue 中 this 的理解和使用
vue2项目中 let _this=this 这么写的好处是什么
m0_57742630的博客
07-27 1023
由于JavaScript中"this"的指向取决于函数的调用方式，而在Vue中，组件中的方法有时可能会导致"this"上下文不正确，尤其是在涉及回调函数或异步操作时。1. 解决回调函数中的"this"问题：在Vue组件中，如果使用箭头函数（ES6的箭头函数具有词法作用域），则可以避免"this"上下文丢失。但是，如果使用普通函数，那么函数内部的"this"将会丢失它原本应该指向的Vue组件实例，此时，将"this"赋值给"_this"可以在回调函数中正确地访问Vue组件实例。
Vue中 let _this = this的作用
songjuntao8的专栏
04-26 523
作用讲解：正常我们要获取vue变量或方法的时候，就使用this，但是在一些用到回调函数的时候，this指的就不是vue变量，而是回调函数本身，所以在一开始的时候，先定义_this=this，这样在任何位置都可以用_this来获取vue变量或方法。在Vue中this始终指向Vue，但一些其他组件如axios中this为undefined,通过let _this= this将this保存在_this中，再在函数中使用_this均可。近日在学习vue方面，发现一个问题回答的挺好，在此记录下。
【Vue】this代表什么含义
在这里你大概率会有所收获，欢迎指错||纠正||建议||水评+点赞&&评论&&关注&&转发
05-19 3560
vuejs中this代表的含义：1、vue组件或者实例中，this代表调用它的Vue实例；2、回调函数中，this代表父级组件；3、箭头函数中，this代表定义它时所处的对象，即宿主对象。 Vuejs中的this变量 1 vue组件中 在Vue所有的生命周期钩子方法（如beforeCreate，created，beforeMount，mounted，beforeUpdate， updated，beforeDestroy以及destroyed）里使用this，this指代调用它的Vue实例，即（new V.
vue中this和that区别
热门推荐
weixin_45113337的博客
09-14 1万+
刚看别人代码的时候，不明白为什么要有这一步，感觉像是多余的，但是后来自己开发页面的时候，发现不是这样的![在这里插入图片描述](https://img-blog.csdnimg.cn/20200914094838975.png#pic_center) 当我的函数如下时， ![在这里插入图片描述](https://img-blog.csdnimg.cn/20200914095131735.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpd...
vue3中箭头函数和普通函数
07-27
总结来说，在Vue3中，箭头函数和普通函数在语法和this指向上有一些区别。根据具体的使用场景和需求，选择合适的函数类型来编写代码。 #### 引用[.reference_title] - *1* *2* *3* [箭头函数和普通函数的区别]...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

原克技术

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值