Vue.js的data是要一個對象還是一個function
1 回答

墨色風雨
TA貢獻1853條經(jīng)驗 獲得超6個贊
Vue 實例的數(shù)據(jù)對象。Vue.js 會遞歸地將它全部屬性轉為 getter/setter,從而讓它能響應數(shù)據(jù)變化。這個對象必須是普通對象:原生對象,getter/setter 及原型屬性會被忽略。不推薦觀察復雜對象。
在實例創(chuàng)建之后,可以用 vm.$data 訪問原始數(shù)據(jù)對象。Vue 實例也代理了數(shù)據(jù)對象所有的屬性。
在定義組件時,同一定義將創(chuàng)建多個實例,此時 data 必須是一個函數(shù),返回原始數(shù)據(jù)對象。如果 data 仍然是一個普通對象,則所有的實例將指向同一個對象!換成函數(shù)后,每當創(chuàng)建一個實例時,會調用這個函數(shù),返回一個新的原始數(shù)據(jù)對象的副本。
文件寫成.vue的文件就是組件的寫法,因此這時data必須是一個函數(shù),而你貼的var vm = new Vue({})是直接跑在瀏覽器環(huán)境下的用法,這時data可以是一個普通對象,也可以寫成一個返回普通對象的函數(shù),不過沒必要。
添加回答
舉報
0/150
提交
取消