vue生命周期示意图

template：

指定模板（如果有模板，vue会渲染整个模板；如果没有模板，vue会将el里面的所有内容当成模板使用）

如：template:'<div><h2>{{name}}</h2><h2>{{age}}</h2></div>',

beforeCreate()

创建之前(数据初始化之前)

Vue实例，已经创建完成，Vue实例身上的数据还没有初始化完成

这个生命周期函数，基本上不用，除非要设置Vue实例的内容

created()

 这个生命周期函数，通常用于初始化Vue管理的数据，比如：发生ajax请求会放在这里。

beforeMount()

挂载之前(模板已经成功渲染，但是还没有将内容挂载到页面中)

这个生命周期函数，基本上不用

 mounted()

这个生命周期函数，通常用于对DOM的重新改动

挂载完成(模板已经成功渲染，并且已经将模板内容挂载到了页面)

beforeUpdate()

修改之前(数据已经改了，只是还没有重新挂载页面)

 updated()

修改完成(数据已经改了，页面也已经重新挂载)

beforeDestroy()

销毁之前

这个生命周期函数，会用的多一些

对数据做任何的修改，都不会重新渲染到页面

destroyed()

销毁完成

这个生命周期函数，几乎不用

vm.$mount('#app')

 通过vue实例的$mount方法，手动挂载容器

公共el选项指定挂载容器，当模板渲染成功后，会离开挂载页面

 $mount方法的好处是，可以自行选择挂载的时机。