这篇文章主要为大家展示了“vue中computed的this指向有什么用”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“vue中computed的this指向有什么用”这篇文章吧。
1.箭头函数中的this
-
箭头函数内部的this是词法作用域，由上下文确定
-
函数体内的this对象，就是定义时所在的对象，而不是使用时所在的对象
2.vue中的computed
使用箭头函数
list: () => {
console.log(this)
}
不使用箭头函数
allFigure: function() {
console.log(this)
},
使用get()
allFigure: {
get() {
console.log(this);
}
}
3.自己的理解
-
在computed中使用箭头函数的话，会导致this指向的不是整个的vueComponent
-
此时使用匿名函数的形式就可以解决，this指向了vueComponent
-
或者使用对象的形式，用set()、get()方法也不会出现问题
以上是“vue中computed的this指向有什么用”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注本站行业资讯频道！
