Vue中的const _this = this；是什么意思

最新推荐文章于 2024-07-18 17:37:06 发布

留丶白

最新推荐文章于 2024-07-18 17:37:06 发布

阅读量1.6k

点赞数

文章标签： vue.js javascript 前端

原文链接：https://www.jianshu.com/p/994893485bb1

版权

Vue this 箭头函数函数作用域实例引用

关键词由CSDN通过智能技术生成

当在一个方法中有写道

关于 const _this = this
当前VUE中的this 是指向实例，相当于父级，指向指不到子级中。所需需要一个变量 _this 存储this得指向。

还有一种方式，不用考虑const _this = this。
将.then( ( ) => { } ) 和.catch( () => { } ) 中的function换成箭头函数，因为箭头函数中的this是指向当前作用域，所以不需要进行 const _this = this。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

留丶白

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

Vue3 - this 概念及使用方法（详细教程）

王佳斌

11-15

6880

vue3.js官方文档，vue3.js this 官方文档教程，vue3如何使用this，vue3项目中如何引用this？Vue3.0中this的替代方法，如何在Vue 3中使用“this”，Vue3中如何使用this-，Vue 3- 'this‘引用的是方法而不是app，vue3 this问题，vue3 中的methods 不支持this函数，为什么在 Vue 3 函数中未定义“this”，Vue3 - this 概念及使用方法（详细教程）。

Vue3 - 解决报错 Feature flag __VUE_PROD_HYDRATION_MISMATCH_DETAILS__ is not explicitly defined.You are r

最新发布

王佳斌

07-24

5478

vue3，nuxt3，报错，警告，出错，vite，webpack，vue-cli，vueCli，vue3 vue-cli报错，vue3+vite警告报错，如何解决这个问题，修改版本也不行，@vitejs/plugin-vue，还是警告无法解决，其他方法，Vue3使用CLI搭建后，出现runtime-core.esm-bundler，项目启动报错，打包，加载，浏览器控制台黄色警告，vue3 出现Feature flag __VUE_PROD_HYD如何解决，nuxt3如何解决，未被明确定义，用Vue-CLI脚

参与评论您还未登录，请先登录后发表或查看评论

【知识学习】VUE学习笔记 const _this = this

qq_40743463的博客

03-14

973

关于 const _this = this 当前VUE中的this 是指向实例，相当于父级，指向指不到子级中。所需需要一个变量 _this 存储this得指向。还有一种方式，不用考虑const _this = this。将.then( ( ) => { } ) 和.catch( () => { } ) 中的function换成箭头函数，因为箭头函数中的this是指向当前作用域，所...

const _this = this是如何解决匿名函数的指向问题的

qq_45963949的博客

07-09

1481

感觉网上其他资源说得虽然正确但不好理解尝试下梳理下自己的理解用自己的话将道理解释一遍是一个非常有效的学习方法 1.this的指向用一句话概括就是从哪个对象调用this，this就指向哪个对象推荐文献：https://zhuanlan.zhihu.com/p/25349790 2.但有一个问题就是，匿名函数实际上是通过windos对象调用的（原理大概是匿名函数会在全局建立一个变量（比如a），然后将函数存入这个变量a，再执行windos.a调用函数）所以匿名函数的this总是指向于windos对象（非

Vue中使用that代替this(const that = this )的场景

qq_45687669的博客

07-18

413

为了解决这个问题，我们使用 that = this 将 this 保存到变量 that 中，并在回调函数中使用 that.message 来访问 Vue 实例中的 message 属性。在上面的代码中，我们使用箭头函数来定义 setTimeout 的回调函数，这样就可以直接访问 this.message，而不需要使用 that = this 了。需要注意的是，在 Vue 3 中，可以使用箭头函数来避免 that = this 的问题，因为箭头函数的 this 指向的是定义时的上下文，而不是运行时的上下文。

vue 中var _this=this作用

xshSun的博客

03-25

615

vue 中var _this=this作用 const _this=this console.log(_this)原来的对象 console.log(this)//当前方法对象 1._this只是一个变量名，this代表父函数，如果在子函数还用this，this的指向就变成子函数了，_this就是用来存储指向的 2.普通函数中的this表示调用此函数时的对象，箭头函数里面的this会继承自外部的this，普通函数中的this并不会向上继续找对象，箭头函数中会往上寻找this，直到找到所代表的this为止

const与this指针

lmy347771232的博客

09-20

214

const是一个C语言（ANSI C）的关键字，具有着举足轻重的地位。它限定一个变量不允许被改变，产生静态作用。使用const在一定程度上可以提高程序的安全性和可靠性。另外，在观看别人代码的时候，清晰理解const所起的作用，对理解对方的程序也有一定帮助。

vue 中的 const {XXX } =this 的含义

流楚丶格念的博客

02-06

3419

一个容易忘的知识点，我们看下面例子就清楚了：例子例1： const { xxx } = this.state; 上面的写法是es6的写法，其实就相当于： const xxx = this.state.xxx 例2： const { ctx,app,service } = this 上面的这句话是一个简写，最终的含义相当于 const ctx= this.ctx const app= this.app const service = this.service ...

vue.js的this指向

weixin_45802744的博客

07-25

592

函数中：此时函数中的this表示全局对象window function add(){ this } 对象下函数中：this表示thiss对象 var thiss = { function add(){ this } } vue组件中：组件或者实例中，不管是生命周期钩子函数created还是自定义函数plus，他们中的this都是指当前vue实例 new Vue({ data: { add: 1 }, crea...

vue中this.init用法_一、为什么Vue实例化后，通过this.能获取到data内的数据

weixin_33140481的博客

01-30

1291

一. 从github获取vue开发版本的源码git clone https://github.com/vuejs/vue.git二. 从实例化vue (new vue)开始讲解想了解“为什么Vue实例化后，通过this.能获取到data内的数据”必须对call函数内置方法有所了解,如有认识模糊的话可以参考JS的call方法的作用解释，简单易懂1. new 实例化Vue首先进入的src/core/i...

Vue源码解析：this.$data、this._data、this.xxx 为什么都能获取数据？data为什么是个函数？

热门推荐

全端菜鸟小姐

12-26

2万+

data中定义了一个数据msg, vue实例上访问这个数据有两种方式，this.$data.msg 和 this.msg，请问，为vue如何实现this.msg能直接访问到data中的msg变量？？？data又为什么是个函数？分析： clone 下 vue 的项目源码，然后打开src/core/instance/index.js 调用 init 方法时先进行了检查，确保已经使用 n...

在Vue中使用this.$store或者是$route一直报错的解决

10-16

今天小编就为大家分享一篇在Vue中使用this.$store或者是$route一直报错的解决，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

C++ —— const 和 this

柚咖小窝

03-16

438

const 成员函数先声明一个 Demo 类： #ifndef CONST_OBJECT_H_ #define CONST_OBJECT_H_ #include <string> // const 成员函数 class Demo { private: int value; std::string id; public: Demo(); Demo(int, std::string); ~Demo(); void show(); }; Demo::D

为什么要写 const that = this

weixin_66579278的博客

02-15

158

在this改变之前先复制一份给that，那么在程序后面的运行中就不会出现找不到原来的对象的情况。const that = this 将当前的this对象复制一份给 that变量。

vue定义全局this

小馒头味的博客

12-02

3568

vue定义全局this //全局this,定义在初始化vue方法外,与import方法同级 let _this; //初始化加载项 created() { _this = this; },

This 指针和const 修饰This指针

QQ960054653的博客

02-24

2009

This指针及其作用

this作用全解（全局this 、函数this、全局函数 this call apply bind……）

Argonaut_的博客

02-02

1037

很多同学老是记不住 this 指向谁，我觉得这是非常正常的现象，因为 this 指向的情况本身就比较多，面对这种不太好记的知识点，我们可以延续之前的学习方式，采用敲代码实验 + 画图记忆 + 真题训练的方式，这种学习方式能让大家学知识更高效一点。Function.prototype.bind() 方法创建一个新的函数，在 bind() 被调用时，这个新函数的 this 被指定为 bind() 的第一个参数，而其余参数将作为新函数的参数，供调用时使用。同学们可以打开右侧的实验环境，我们敲代码来验证一下。

this指针和const

燃犀的博客

06-09

109

this指针和const

created() { const _this = this; document.onkeydown = function (e) { if (_this.$route.path.indexOf('login') !== -1) { const key = window.event.keyCode; if (key === 13) { _this.handleLogin(); } } }; window.addEventListener('resize', this.handleResize); },

06-07

这是Vue.js组件的created()钩子函数的一个示例，其中包含了一个事件监听器。在这个示例中，当组件创建时，它会将一个事件监听器添加到整个文档上，以便在任何地方用户按下键盘上的键时都能触发该事件。如果组件的...