vue學習筆記之：為何data是一個方法

在vue開發中，我們可以發現，data中的屬性值是在function中return出來的。可為何data必須是一個函數呢？我們先看官方的解釋：

當一個組件被定義， data 必須聲明為返回一個初始數據對象的函數，因為組件可能被用來創建多個實例。如果 data 仍然是一個純粹的對象，則所有的實例將共享引用同一個數據對象！通過提供 data 函數，每次創建一個新實例后，我們能夠調用 data 函數，從而返回初始數據的一個全新副本數據對象

而我對這句話的理解是：

類比與引用數據類型。如果不用function return 每個組件的data都是內存的同一個地址，那一個數據改變其他也改變了，這當然就不是我們想要的。用function return 其實就相當於申明了新的變量，相互獨立，自然就不會有這樣的問題；js在賦值object對象時，是直接一個相同的內存地址。所以為了每個組件的data獨立，采用了這種方式。如果不是組件的話，正常data的寫法可以直接寫一個對象，比如data：{ msg ： ' 下載 ' }，但由於組件是會在多個地方引用的，JS中直接共享對象會造成引用傳遞，也就是說修改了msg后所有按鈕的msg都會跟着修改，所以這里用function來每次返回一個對象實例。