Vue2响应式原理之简介

专栏目录请点击

简介

vue响应式原理的大致图像如下

当然我们现在看有点晕，不过，让我们一点一点的深入

MVVM

对于MVVM模型，我们很常见，其中每个字母代表的含义如下

• M 他表示model，一般指的是数据

this.age++

• V 他表示view，一般表示的是视图

<div>{{age}}</div>

• VM 他表示view-model类似一种桥梁，只要数据变了，那么视图就会改变，比如vue对于一些数据的解析，它就属于vm

侵入式和非侵入式

非侵入式

只要数据变化，那么视图就会发生变化，如vue中，只要响应式数据发生了变化，那么视图就会跟着发生变化

侵入式

• 数据变化，不会导致视图的变化
• 想要导致视图变化，就要专门调用相应的api来改变数据，如小程序或者react

小程序

this.setData({
	a:this.data.a + 1
})

react

this.setData({
	a:this.state.a + 1
})