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

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

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

而我對這句話的理解是：

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

?

轉載于:https://www.cnblogs.com/momozjm/p/8572385.html

總結

以上是生活随笔為你收集整理的vue学习笔记之：为何data是一个方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。