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方法的好处是，可以自行选择挂载的时机。
