vue源码阅读——数据和方法

2017-11-26  本文已影响67人  丨ouo丨

官网(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相关的操作。

上一篇 下一篇

猜你喜欢

热点阅读