1.Vue生命周期8个钩子,4个阶段
初始化阶段 : beforeCreate、created
挂载阶段 ; beforeMount、mounted
更新阶段 : beforeUpdate、updated
销毁阶段 : beforeDestroy、destroyed
2.Vue初始渲染走4个钩子
初始化阶段 : beforeCreate、created
挂载阶段 : beforeMount、mounted
3.执行顺序
(1)beforeCreate(){} : 初始化Vue实例,但还没有创建data
(2)created(){} : 创建了data,但是还没有创建挂载点el
(3)beforeMount(){} :el挂载点创建了,但是data数据还没有渲染
(4)mounted(){} : data数据第一次渲染完毕 (完成初始渲染),
(5)beforeUpdate(){} : 检测到data数据变化,但是还没有开始重新渲染 (data变了,准备重新渲染中) ,会执行多次
(6)updated : 变化后的data数据 ,完成渲染到页面 (完成重新渲染),会执行多次
(7)beforeDestroy(){} : vue实例销毁即将销毁(解除data与el的关联),之后修改data,页面不会被渲染
(8)destroyed(){} : vue实例已经销毁