2017-06-13 59 views
1

当我开始与Vue.js我了解,你返回的数据属性与回报有时无的情况下。我再也找不到那篇文章,这就是我在这里问的原因。数据和函数的返回主场迎战返回纯数据对象

这就是今天

data: function() { 
     return { 
     myData : "data" 
     } 
    }, 

我如何使用它,但是就是我看到它在文档经常 - 不知道其中的差别了:

data: { 
    myData: "data" 
    }, 
+0

我想知道同样的事情,但并没有刻意去研究它。感谢您提问:) –

回答

3

https://vuejs.org/2016/02/06/common-gotchas/#Why-does-data-need-to-be-a-function

为什么数据需要是一个函数?

在基本示例中,我们将data直接声明为普通对象。这是因为我们正在创造只new Vue()一个实例。然而,限定部件时,data必须被声明为返回初始数据对象的功能。为什么?因为会有很多使用相同定义创建的实例。如果我们仍然使用普通的对象data,同样的对象将参照跨越创建的所有实例共享!通过提供data功能,每次创建新实例时,我们可以简单地把它退回初始数据的新副本。