一：使用Vue的两种方式

  1.在页面中引入vue.js文件

  2.使用脚手架搭建Vue工程

    官方脚手架：vue-cli

    其他脚手架：webPack等

    手动搭建

二：Vue的注入

  配置对象中的部分内容会被提取到Vue的实例中：data,methods等，该过程称之为注入。

  注入的目的：

  1.完成数据响应式

  Vue怎么知道数据被更改了？

  Vue2.0是通过Object.defineProperty()方法完成的数据响应式；（有缺陷，必须通过注入的属性，增加或者删除时才能具有响应式。）

  Vue3.0通过Class Proxy完成的数据响应式。

  2.绑定this

  This绑定的是当前Vue实例。

三：虚拟DOM树

  为了提高渲染效率，vue会把模板编译成虚拟DOM树，然后再生成真实的DOM，使用vm._vnode方法可查看虚拟DOM树。当数据更改时，将重新编译成虚拟DOM树，然后对比两棵树，仅将差异部分反映到真实DOM，这样既可最小程度的改动真实DOM，而且提高了页面渲染效率。

  Vue提供了多种方式生成虚拟DOM树

  1.在元素内部直接书写，此时使用元素的outerHTML作为模板。

  2.在template属性中配置。

  3.在render()函数中直接创建虚拟节点树，此时完全脱离模板，将省略编译步骤。

  注意：这些步骤由上到下，优先级依次提升。而且虚拟节点数必须是单根的！

四：挂载

  将生成的真实DOM树，放置在某个元素上。

  挂载的方式：

  1.通过el:”css选择器”；

  2.通过vue的实例.$mount(‘css选择器’)进行配置。

五：内容

  Vue中的元素内容使用mustache模板引擎进行解析。