在vue中_this和this的区别

简介: 这篇文章解释了在Vue框架中使用普通函数和箭头函数定义组件方法时`this`指向的区别,指出普通函数中的`this`指向Vue实例,而箭头函数中的`this`则指向其父级作用域,通常是`window`。
  • _this只是一个变量名,this代表父函数,如果在子函数还用this,this的指 向就变成子函数了,_this就是用来存储指向的

  • 普通函数中的this表示调用此函数时的对象,箭头函数里面的this会继承自外部的this,普通函数中的this并不会向上继续找对象,箭头函数中会往上寻找this,直到找到所代表的this为止

例如:
在这里插入图片描述

在这里插入图片描述

相关文章
|
1天前
|
JavaScript 索引
Vue 2和Vue 3的区别以及实现原理
Vue 2 的响应式系统通过Object.defineProperty来实现,它为对象的每个属性添加 getter 和 setter,以便追踪依赖并响应数据变化。
14 9
|
1天前
|
JavaScript 前端开发
Vue项目使用px2rem
Vue项目使用px2rem
|
2天前
|
缓存 JavaScript
vue学习(12)计算属性
vue学习(12)计算属性
13 3
|
2天前
|
JavaScript
vue学习(10)事件修饰符
vue学习(10)事件修饰符
13 3
|
2天前
|
缓存 JavaScript
vue学习(12)计算属性
vue学习(12)计算属性
12 2
|
2天前
|
JavaScript
vue学习(11)键盘事件
vue学习(11)键盘事件
12 2
|
3天前
|
JavaScript
VUE中el-input阻止冒泡防止触发父级事件
VUE中el-input阻止冒泡防止触发父级事件
|
3天前
|
JavaScript
vue学习(9)事件处理
vue学习(9)事件处理
21 2
|
1天前
|
JavaScript
Vue组件传值异步问题--子组件拿到数据较慢
Vue组件传值异步问题--子组件拿到数据较慢
5 0
|
1天前
|
缓存 JavaScript
Vue中的keep-alive是什么意思?以及如何使用
Vue中的keep-alive是什么意思?以及如何使用