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

作者: 丨ouo丨 | 来源:发表于2017-11-26 15:46 被阅读67次

vue源码阅读——数据和方法
Vue2 源码分析
vue3源码解读-准备工作
vue源码解析（一）
2020 一起读 vue 源码
Vue源码浅析01
动态数据绑定（一）
动态数据绑定（二）
2018-10-19
vue 分页加载数据页面滚动加载更多

官网（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

画了一个大致的流程：