Vue的编程模型
我们声明了一个data,{n:0}。Vue就会同步到UI。即,一个对象对应着一个虚拟DOM。
如果想改变data,就在原来的对象身上修改,然后Vue就会自动更新视图。
React的编程模型
一开始我们声明一个state {n:0} ,就对应一个虚拟DOM。React对这个虚拟DOM进行渲染。
当我们想改变这个state里的数据时,React希望我们不要改变原来的那个state。而是生成一个新的对象,覆盖原来的。至于原来的对象不用管。然后这个新的state又对应一个新的虚拟DOM。
React会对比这两个DOM的不同,局部更新UI。
在React里,不同的数据就是平行线,永远不会互相掺和。