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
    } 
}

Answer 2

我认为不是也许你需要

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

Vue内部data（）工厂函数

2 个答案: