javascript - Vue this inside data() 工厂函数

Question

我可以依赖数据工厂函数内部使用的 this 因为它是当前组件对象实例吗？我在文档中找不到 this 在 data() 中的内容。

data() {
  return {
    results: [],
    apiResource: this.$resource('url...'), // <-- this used here
    loading: true,
  }
},

简单测试表明，this 是这里的 VueComponent 实例，但问题是框架是否允许以这种方式使用它。

Answer 1

是的，您可以依赖数据工厂函数中的 this 指向组件，具体取决于您定义该函数的方式。例如，这是使用属性值初始化本地数据的主要方式。

props:["value"],
data(){
    return {
         localValue: this.value
    } 
}

但是，如果您使用箭头函数定义数据函数，则 this 将不是成为组件。

props:["value"],
data: () => { 
    // 'this' is NOT the component 
    return { 
        localValue: this.value // results in undefined
    } 
}