官網(https://cn.vuejs.org)上是這么說的:
當一個 Vue 實例被創建時,它向 Vue 的響應式系統中加入了其 data 對象中能找到的所有的屬性。當這些屬性的值發生改變時,視圖將會產生“響應”,即匹配更新為新的值。
以下是官網上的例子:
// 我們的數據對象
var data = { a: 1 }
// 該對象被加入到一個 Vue 實例中
var vm = new Vue({
data: data
})
// 他們引用相同的對象!
vm.a === data.a // => true
// 設置屬性也會影響到原始數據
vm.a = 2
data.a // => 2
// ... 反之亦然
data.a = 3
vm.a // => 3
畫了一個大致的流程:
vm.a流程
看一下相關的代碼
我們知道,initState中有和data相關的操作。
- initState
- initData-1
- initData-2
- proxy