1.MVVM模式

2.渐进式框架

3.轻量级

比你有钱比你还努力--Evan Yue

1000个铁杆粉丝就能糊口--凯文凯利

第一个Demo

1.引入包

cnpm install vue

<script src="node_modules/vue/dist/vue.js"></script>

2.实例化

<div id="app">

    <h1>{{message}}</h1>

  </div>

  <script src="node_modules/vue/dist/vue.js"></script>

  <script>

    new Vue({

      e1:'#app'

    })

  </script>

const app = new Vue({

      el: '#app',

      data: {

        message: 'Hello Vue.js'

      }

    })

el选项拿到id为app的元素节点，相当于告诉Vue去管理这个入口节点；

可以通过app.message管理所有的模板里的内容；

div#app 的节点，包括所有孩子节点，都被Vue所统治，这样就可以使用特殊的模板引擎语法了；

2.内容详解

data中的数据不是一般的数据

这种数据称之为：响应式数据（MVVM）

数据变，视图就变；

MVVM模式省去了DOM操作的繁琐 Vue中的函数操作方式