數據和函數的返回主場迎戰返回純數據對象

Question

當我開始與Vue.js我瞭解，你返回的數據屬性與回報有時無的情況下。我再也找不到那篇文章，這就是我在這裏問的原因。

這就是今天

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

我如何使用它，但是就是我看到它在文檔經常 - 不知道其中的差別了：

data: { 
    myData: "data" 
    }, 

Answer 1

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

爲什麼數據需要是一個函數？

在基本示例中，我們將data直接聲明爲普通對象。這是因爲我們正在創造只new Vue()一個實例。然而，限定部件時，data必須被聲明爲返回初始數據對象的功能。爲什麼？因爲會有很多使用相同定義創建的實例。如果我們仍然使用普通的對象data，同樣的對象將參照跨越創建的所有實例共享！通過提供data功能，每次創建新實例時，我們可以簡單地把它退回初始數據的新副本。