VueJS：定义数据＆＃39;使用object literal vs函数返回一个对象

Question

通过以下方式定义data对象有什么区别：

1。使用Object Literal

data: {
    title: ‘Helly VueJS’
}

2。函数返回对象

data() {
    return {
        title: ‘Helly VueJS’
    };
}

Answer 1

来自documentation：

  

定义组件时，必须将数据声明为返回初始数据对象的函数，因为将使用相同的定义创建许多实例。如果我们仍然使用普通对象作为数据，则所有创建的实例将通过引用共享同一对象！通过提供数据功能，每次创建新实例时，我们都可以简单地调用它来返回初始数据的新副本。

文档非常好。