Vue学习(一) 生命周期

生命周期

新建VUE实例

初始化事件&生命周期成员 ex. h函数(createElement函数)

beforeCreate()

初始化注入&校验(把props data methods等注入到vue实例)

created()

把template(模板)编译成render函数(先判断选项中是否设置了el选项,如果没有,则调用$mount();如果有,则把el元素的外层html作为模板,然后把template编译到render函数中)

beforeMount()(在这个函数中,无法获取新元素的内容)

把新的接口渲染到页面上

mount()

挂在完成后,如果data里的成员有变化时,先触发beforeUpdate(),然后进行新旧两个虚拟DOM的对比,把差异重新渲染到浏览器中,最后触发updated()(循环过程)

beforeDestroy()

解除绑定,销毁子组件以及事件监听器

destroyed()