為什么在vue的組件中,data要用function返回對象呢?
官方解釋:
當一個組件被定義, data 必須聲明為返回一個初始數據對象的函數,因為組件可能被用來創建多個實例。如果 data 仍然是一個純粹的對象,則所有的實例將共享引用同一個數據對象!通過提供 data 函數,每次創建一個新實例后,我們能夠調用 data 函數,從而返回初始數據的一個全新副本數據對象。
大概意思就是:
類比與引用數據類型。如果不用function return 每個組件的data都是內存的同一個地址,那一個數據改變其他也改變了。用function return 其實就相當於申明了新的變量,相互獨立,自然就不會有這樣的問題;js在賦值object對象時,是直接一個相同的內存地址。所以為了每個組件的data獨立,采用了這種方式。如果不是組件的話,正常data的寫法可以直接寫一個對象,比如data:{ msg : ' 下載 ' },但由於組件是會在多個地方引用
的,JS中直接共享對象會造成引用傳遞,也就是說修改了msg后所有按鈕的msg都會跟着修改,所以這里用function來每次返回一個對象實例。