今天,在编写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()方法不会有问题。以上就是本文的全部内容。希望对大家的学习有帮助,支持我们。