在VueJs中在data（）内部和created（）内部声明对象之间有什么区别

Question

我想知道这两种声明之间的VueJ有什么区别：

data() {
    return {
        foo = 'bar'
    }
}

这：

created() {

    this.foo = 'bar'
}

我知道我在方法中或方法中均使用“ this”进行访问。 另外，如果data（）中返回的对象保存在组件的“内存”中，那么create（）中声明的对象将保存在哪里？
它们在不同的范围内吗？
另外，我知道要获取数据，获取程序将放置在created（）中，然后更新数据对象，但是这个问题具体是关于我提到的两种声明方式之间的区别
背景有什么不同吗？

Answer 1

您可以了解有关vue data here的更多信息。

  

Vue会将其（$ data）属性递归转换为getter / setter以使其“具有反应性”。

created() {
    this.foo = 'bar'
}

像上面那样声明，您将无法观看属性。 您可以检出this的示例，因为data()中未定义的属性未启用监视功能