vue 数据驱动

vue.js一个核心思想是数据驱动。所谓数据驱动，是指试图是由数据驱动生成的，我们对试图的修改，不会直接操作DOM，而是通过修改数据。它相比我们传统的前端开发，如使用jQuery等前端库直接修改DOM，大大简化了代码量。特别是当交互复杂的时候，只关心数据的修改会让代码的逻辑变的非常清晰，因为DOM变成了数据的映射，我们所有的逻辑都是对数据的修改，而不用碰触DOM，这样的代码非常利于维护。

在vue.js中我们采用简洁的模板语法来声明式的将数据渲染为DOM：

<div id="app">
  {{ message }}
</div>

var app = new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!'
  }
})

最终它会在页面上渲染出Hello vue 。接下来，我们会从源码角度分析Vue是如何实现的，分析过程会以主线代码为主，重要的分支逻辑会放在之后单独分析。数据驱动还有一部分是数据更新驱动视图变化，这一块内容我们也会在纸糊的文章分析，这一章我们的目标是弄清楚模板和数据如何渲染成最终DOM。