宝哥软件园

详细解释用vue计算的这一点所指出的问题

编辑:宝哥软件园 来源:互联网 时间:2021-08-28

今天,在编写vue项目时,我使用了computed calculation属性,遇到了使用arrow函数指向这个属性的问题,这里有记录

1.这在箭头函数中

箭头函数内部的这个是词法范围,函数体中的这个对象是由上下文决定的,上下文是定义它的对象,不是使用它的对象。2.以2.vue计算。

使用箭头功能

list :()={ console . log(this)}

不要使用箭头功能

all figure : function(){ console . log(this)},

使用get()

all figure : { get(){ console . log(this);} }

3.我自己的理解

如果在计算中使用箭头函数,将导致它不指向整个vueComponent。这时候可以用匿名函数的形式来解决。这指向vueComponent或使用对象的形式,set()和get()方法不会有问题。以上就是本文的全部内容。希望对大家的学习有帮助,支持我们。

更多资讯
游戏推荐
更多+