分析 Vue 数据驱动

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

• 在 Vue 中可以采用简单又简洁的模板语法来声明将数据渲染成 DOM。

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

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

• 上面的代码在页面中最终会渲染出 Hello Vue。