对于vue声明周期的简单描述

104 阅读1分钟
    beforeCreated
    在这个生命周期时,主要是进行初始化,包括生命周期、render、事件的相关属性的初始化。还没有处理数据。
    created
    此时,已经通过definedProperty完成了对data、methods、computed、watch、provide、inject的属性的响应式处理,再之后修改属性值的时候,能够响应并更新dom
    beforeMounted
    这个声明周期还不能访问dom,只是将html模板编译成了render函数
    mounted
    此时已经通过render函数创建好了DOM元素并插入到了body中,可以操作dom了
    beforeUpdate--data的属性值改变后不会立刻触发更新dom,而是添加到队列中,等到下一次的事件轮询时,统一更新dom
    收集处理好需要更新的数据
    updated
    通过diff操作更新dom
    beforeDestory
    这里还可以访问dom
    destoryed
    已经删除了dom元素,清除了watcher,关闭了dom上的所有事件
    <keep-alive>下的组件
    在第一次进入页面时,会触发created mounted  actived
            离开页面时,触发 deactived 不会触发beforeDestory destoryed
    再进入页面的时候,触发actived
            如果有属改变了,会触发beforeUpdate  actived    updated