vue源碼閱讀——數(shù)據(jù)和方法

官網(wǎng)(https://cn.vuejs.org)上是這么說的:

當一個 Vue 實例被創(chuàng)建時,它向 Vue 的響應(yīng)式系統(tǒng)中加入了其 data 對象中能找到的所有的屬性。當這些屬性的值發(fā)生改變時,視圖將會產(chǎn)生“響應(yīng)”,即匹配更新為新的值。

以下是官網(wǎng)上的例子:

// 我們的數(shù)據(jù)對象
var data = { a: 1 }
// 該對象被加入到一個 Vue 實例中
var vm = new Vue({
  data: data
})
// 他們引用相同的對象!
vm.a === data.a // => true
// 設(shè)置屬性也會影響到原始數(shù)據(jù)
vm.a = 2
data.a // => 2
// ... 反之亦然
data.a = 3
vm.a // => 3

畫了一個大致的流程:


vm.a流程

看一下相關(guān)的代碼
我們知道,initState中有和data相關(guān)的操作。

  • initState
  • initData-1
  • initData-2
  • proxy
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容