Vue生命周期函数Vue生命周期图
以下，对一一对应图数字进行说明
1、var vm=new Vue({} )表示开始创建Vue的实例对象
2 .刚初始化一个空Vue实例对象，此时该对象只有默认生命周期函数和默认事件，没有创建其他对象
3、beforeCreate生命周期函数运行时，data和methods数据和方法尚未初始化
4、初始化data和methods
5、在created中，data和methods已经初始化，要操作data的数据或调用methods的方法，只能最快在created中进行操作
6、这个绿色边框中的内容，Vue开始编辑模板，执行Vue代码中的那些指令，最终生成编译到内存中的最终模板字符串对象，并将该字符串对象渲染为内存中的DOM 此时，只是在内存中渲染模板，模板并未装载到真正的页面上
7、beforeMount函数运行时，模板已编译到内存中，但尚未装载到页面上。 此时，页面还很旧
8、将编译到内存中的模板，实际替换为浏览器的页面中区
9、mounted是页面加载完成后运行的函数，如果在某些插件中操作页面上的DOM节点，则最初在mounted中执行
10、仅运行mounted，就表示整个Vue实例对象已初始化。 此时，组件将离开创建阶段，进入执行阶段。
11、蓝框中是组件的执行阶段，执行阶段的生命周期函数只有beforeUpdate和updated两个，这两个事件根据data数据的变化，有0到多次选择性触发
12、执行beforeUpdate时，页面上显示的数据还很旧。 此时，data的数据是最新的，页面还没有与最新的数据同步
13、在这一步中，首先根据data的最新数据在内存中重新渲染最新的内存DOM树。 更新内存DOM树后，将最新的内存DOM树重新渲染到实际页面。 此时，来自data(model层)-view的数据更新完成
14、更新运行时，页面和数据已经同步，都是最新的
15、beforeDestroy挂接函数运行时，Vue实例从运行阶段进入销毁阶段，构建中的所有数据、方法以及过滤器、命令等都变为可用，此时销毁过程实际上处于可用状态
16、destroyed函数运行时，组件被完全销毁，此时构建中的所有data、methods以及过滤器、命令等都不可用
生命周期函数-组件执行和销毁阶段的挂接函数