**Vue生命周期**

Vue生命周期
beforeCreate>created>beforeMount>mounted>beforeUpdate>updated>beforeDestroy>destoryed
① beforeCreate：data、el均未定义
② created ：data已绑定,挂载阶段还未开始—el未定义
- - -判断有无el，
无el,停止编译，除非调用vm.mount(el)来挂载el，接着进入下一步。
- - -有el,判断有无template
- - -有template ，将其作为模板编译成render函数
- - -无template ，将outer HTML作为模板编译
（有template会忽略outer HTML,所以也解释了为什么要先判断有无el）
③ beforeMount： 首次调用render函数，给Vue实例挂载虚拟DOM节点
如： 此时还是{{message}}占位
④ mounted ： 只渲染一次，mounted后可以看到{{message}}的内容，即获取真实的DOM节点
⑤ beforeUpdate： data发生变化会以此调用⑤⑥
⑥ updated ：
⑦ beforeDestroy :调用vm.$destroy(),此步实例仍然可用
⑧ destroyed : 已拆卸数据监听器，事件监听和子组件
扩展：显示优先级render>template>outer HTML