原文:【Vue】定義組件 data 必須是一個函數返回的對象

Vue 實例的數據對象。Vue 將會遞歸將 data 的屬性轉換為 getter setter,從而讓 data 的屬性能夠響應數據變化。對象必須是純粹的對象 含有零個或多個的 key value 對 :瀏覽器 API 創建的原生對象,原型上的屬性會被忽略。大概來說,data 應該只能是數據 不推薦觀察擁有狀態行為的對象。 一旦觀察過,不需要再次在數據對象上添加響應式屬性。因此推薦在創建實例之前, ...

2019-02-13 13:15 0 1705 推薦指數:

查看詳情

vue組件data返回的是函數對象的區別

返回函數 的好處就是每個實例可以維護一份被返回對象的獨立的拷貝,如果 data一個對象則會影響到其他實例,如下實例: 輸出: ...

Tue Jul 28 18:17:00 CST 2020 0 831
Vue 組件data必須是一個函數

組件是可復用的 Vue 實例,且帶有一個名字:在這個例子中是 <button-counter>。我們可以在一個通過 new Vue 創建的 Vue 根實例中,把這個組件作為自定義元素 ...

Sat May 19 01:58:00 CST 2018 0 2209
為什么vue組件data必須是一個函數

函數內聲明實例屬性保存data,每個實例對象data都是經過一次函數執行得到有不同的返回結果,所以返回data的值具有自己獨立的作用域。 在定義Vue實例時,給Vue傳參是一個對象對象data就是一個函數Vue在實例化的時候會調用這個函數每個實例都會返回新的值,data ...

Sat Jul 18 22:41:00 CST 2020 0 589
vue組件data為什么是一個函數

組件是可復用的vue實例,一個組件被創建好之后,就可能被用在各個地方,而組件不管被復用了多少次,組件中的data數據都應該是相互隔離,互不影響的,基於這一理念,組件每復用一次,data數據就應該被復制一次,之后,當某一處復用的地方組件data數據被改變時,其他復用地方組件data數據不受 ...

Fri Aug 23 01:03:00 CST 2019 0 2491
vue組件data為什么是一個函數

1. 前言 在學習vue的時候,一直納悶一件事:組件data數據為什么必須要以函數返回的形式,為什么不是簡單的對象形式呢?遂帶着問題去翻官方文檔,文檔中自然也寫明了這么做的原因,本篇博文以官方文檔給出的原因為基礎,並加上具體的例子,來闡述這么設計的原因。 2.正文 組件是可復用的vue實例 ...

Tue Oct 30 21:12:00 CST 2018 1 20286
Vue組件中的data為什么必須是一個函數

Vue組件基礎中有這樣一句話:data必須是一個函數。 為什么data必須是一個函數呢? 我們來看Vue在聲明式渲染中給出的一個demo: 在這個demo中data一個對象,通過 new Vue 創建的 Vue 實例中,我們直接把data ...

Thu Feb 06 07:06:00 CST 2020 0 256
為什么在vue組件中,data要用function返回對象

為什么在vue組件中,data要用function返回對象呢? 官方解釋: 當一個組件定義data 必須聲明為返回一個初始數據對象函數,因為組件可能被用來創建多個實例。如果 data 仍然是一個純粹的對象,則所有的實例將共享引用同一個數據對象!通過提供 data 函數,每次創建一個新 ...

Thu Jun 18 22:04:00 CST 2020 0 2334
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM