Vue.js一个核心思想是数据驱动。所谓的数据驱动,是指视图是由数据驱动生成的,我们对视图的修改,不会直接操作DOM。大大简化了代码量。特别是交互复杂的时候,只关心数据的修改会让代码的逻辑变得非常清晰,因为DOM变成了数据的映射,我们所有的逻辑都是对数据的修改,而不用触碰DOM这样的代码非常利于维护。
在vue.js中我们可以采用简洁的模板语法来声明式的将数据渲染DOM:
{ {message}}
由显示效果可知,在页面上渲染出Hello World!!.
接下来我们就从该源码的角度来分析Vue是如何实现的,分析的过程会以主线代码为主,重要的分支逻辑会放在之后来进行单独的分析。数据驱动还有一部分是数据更新驱动视图变化。