淘先锋技术网

首页 1 2 3 4 5 6 7

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实例已经销毁