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

最新推荐文章于 2023-02-02 18:45:00 发布
最新推荐文章于 2023-02-02 18:45:00 发布
阅读量939 收藏 3
点赞数
分类专栏： 【知识学习】 【笔记】 Vue.js 类 文章标签： vue.js
原文链接：https://www.jianshu.com/p/994893485bb1
版权

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

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

luxury.
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
const _this = this是如何解决匿名函数的指向问题的
qq_45963949的博客
07-09 1431
感觉网上其他资源说得虽然正确但不好理解 尝试下梳理下自己的理解 用自己的话将道理解释一遍是一个非常有效的学习方法 1.this的指向用一句话概括就是从哪个对象调用this，this就指向哪个对象 推荐文献：https://zhuanlan.zhihu.com/p/25349790 2.但有一个问题就是，匿名函数实际上是通过windos对象调用的 （原理大概是匿名函数会在全局建立一个变量（比如a），然后将函数存入这个变量a，再执行windos.a调用函数） 所以匿名函数的this总是指向于windos对象（非
vue 中的 const {XXX } =this 的含义
流楚丶格念的博客
02-06 3375
一个容易忘的知识点，我们看下面例子就清楚了： 例子 例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中的const _this = this；是什么意思
weixin_45678513的博客
10-26 1564
当前VUE中的this 是指向实例，相当于父级，指向指不到子级中。所需需要一个变量 _this 存储this得指向。
ES6箭头函数与this
u010234868的专栏
10-14 196
普通函数内部的this指向的是函数运行时所在的对象，this指向是可变的： const person = { name: 'Lily', sayHi: function () { console.log(`This is ${this.name}`); } } person.sayHi(); // This is Lily 箭头函数内部没有自己的this对象，内部的this就是函数定义生效时其上层作用域中的this： const person = { name: 'Li.
vue 中var _this=this作用
xshSun的博客
03-25 596
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为止
vue学习笔记vue学习笔记
08-14
Vue 学习笔记 本文档主要介绍 Vue 框架的基础知识点，包括 Vue 路由、CSS 样式、表单获取值、数据绑定、事件处理等。 一、Vue 路由 在 Vue 中， `<router-view/>` 是用来承载当前级别下的子级路由的一个视图标签...
vue学习笔记 学习笔记
05-07
这篇学习笔记主要涵盖了Vue的核心概念，包括组件通信、非父子组件间通信以及路由管理和状态管理。 ### 父子组件通信 #### 1) Props和`$emit` **Props** 是Vue中父组件向子组件传递数据的主要方式。在父组件中定义...
Vue3中Pinia状态管理库学习笔记
最新发布
03-14
Vue3中的Pinia状态管理库是开发者们在构建复杂单页应用时不可或缺的工具之一。Pinia是Vue官方推荐的状态管理库，旨在替代之前的Vuex，以更简洁、易用的方式处理应用程序的状态。本篇文章将深入探讨Pinia的核心概念、...
JavaScript基础学习笔记
10-25
JavaScript 基础学习笔记 本资源摘要信息基于黑马视频记录的学习笔记，涵盖了 JavaScript 基础知识点，包括 HTML、CSS、JavaScript、DOM、事件处理等内容。 HTML 和 CSS 基础 * HTML 结构：head、body、title、...
Vue学习笔记进阶篇之vue-router安装及使用方法
08-29
const router = new VueRouter({ mode: 'history', routes: [ { path: '/', component: DemoHome }, { path: '/about', component: DemoAbout }, { path: '/contact', component: DemoContact } ] }) ``` ...
Vue中使用this的这几个坑你都知道吗？
热爱前端的大三在校生
06-17 4240
有关原生js和vue中的this问题想必困扰大家很久了，今天这一篇文章让你彻底搞懂this，以后麻麻再也不用担心我遇到this问题啦，让我们开始this的学习之旅吧
const与this指针
lmy347771232的博客
09-20 188
const是一个C语言（ANSI C）的关键字，具有着举足轻重的地位。它限定一个变量不允许被改变，产生静态作用。使用const在一定程度上可以提高程序的安全性和可靠性。另外，在观看别人代码的时候，清晰理解const所起的作用，对理解对方的程序也有一定帮助。
微信小程序----全局状态管理 (便于全局埋点等操作)
止于至善
01-14 4897
说明 由于我是一个有着一颗玻璃心的博主，导致在2018年后博客很少更新。原因是由于我的分享并没有解决到部分人的问题，而导致被骂了。当时这颗玻璃心就碎了，所以这两年以来很是消极，博客很少更新。这里给那些关注我，支持我的朋友说声【对不起】！前段时间，看了一个工作两年时间博主的 2021 年 flag，突然回首，还有很多记忆。所以，我决定以后每周最少一篇博客，记录我的学习和成长。谢谢！ 需求场景 小程序开发完成，接到需求：需要对小程序的所有页面【onLoad】生命周期进行埋点，对页面中的点击事件进行埋点。
vue 中的const {XXX } =this 的作用效果
热门推荐
超级小恐龙~
08-12 1万+
样例1： const { xxx } = this.state; 上面的写法是es6的写法，其实就相当于： const xxx = this.state.xxx 样例2： const {comment,index,deleteComment} = this 上面的这句话是一个简写，最终的含义相当于 const comment = this.comment const index = this.index const deleteComment = this.deleteComme...
vue3 定义全局方法（获取全局this）
m0_67402236的博客
03-06 2063
在main.ts(main.js)中添加 const app = createApp(App) app.config.globalProperties.$http = () => { alert(1111) } 在组件中使用 import { defineComponent, reactive, ref,getCurrentInstance } from 'vue' const _this:any = getCurrentInstance() console.log(_this.appCont
this作用全解（全局this 、函数this、全局函数 this call apply bind……）
Argonaut_的博客
02-02 908
很多同学老是记不住 this 指向谁，我觉得这是非常正常的现象，因为 this 指向的情况本身就比较多，面对这种不太好记的知识点，我们可以延续之前的学习方式，采用敲代码实验 + 画图记忆 + 真题训练的方式，这种学习方式能让大家学知识更高效一点。Function.prototype.bind() 方法创建一个新的函数，在 bind() 被调用时，这个新函数的 this 被指定为 bind() 的第一个参数，而其余参数将作为新函数的参数，供调用时使用。同学们可以打开右侧的实验环境，我们敲代码来验证一下。
vue 中的this问题
songjuntao8的专栏
04-19 1057
在vue中当在vue中使用匿名函数的时候，会出现this指针改变的问题，出现方法或者属性数据undefine的问题，以下是相关的解决方法 一、在回调函数之前重新将this赋值 例如 connection() { // 更换that指针 var that = this const socket = new SockJS('http://localhost:8080/test-info') this.stompClient = Stomp.over(so
const that = this； 的重要性
前端攻城狮
06-11 1万+
在看一些大神的代码时，经常会看到 const that = this； 或var that = this，（const是ES6的新属性，是变量标识符） 那为什么要写 const that = this；呢？ const that = this 其实就是将当前的this对象复制一份 给 that变量 中 那是因为在JavaScript中，this代表的是当前对象，他是会随这程序运行不停改变的...
es6的解构赋值 const {xxx} = this
lemon今天学习了吗？的博客
05-25 1752
实例一个数组包了三个对象，其中一个对象里面又有有个数组，即[{...},{...},{[...]}]概念他是一种针对数组或者对象进行模式匹配，然后对其中的变量进行赋值。方便了复杂对象中数据字段获取。获取store/localStorage/sessionStorage等存的对象中的属性；获取复杂函数中的多个返回值（js函数是对象）；2.取值函数中返回的值。3.数组中的解构赋值。...
javascript如何写出Vue中的这个VueComponent.prototype.__proto__ === Vue.prototype关系
04-24
const VueComponent = Vue.extend({ // 组件定义 }); console.log(VueComponent.prototype.__proto__ === Vue.prototype); // true ``` 其中，Vue.extend() 方法可以创建一个组件构造器，由此创建的组件会继承 ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值