当前位置: 首页 > Web前端 > vue.js

Vue生命周期的主要阶段

时间:2023-03-31 16:42:47 vue.js

lifecyclemount(相关属性的初始化)beforeCreate:vue实例刚刚初始化,生命周期、时间、数据代理还没有开始,所以data中的数据并且无法访问方法的方法。created:初始化数据策略和数据代理,这样就可以访问数据中的数据和方法了。beforeMount:Vue开始解析模板并生成虚拟DOM(在内存中)。页面还不能展示解析出来的内容,所以页面呈现的是一个没有经过Vue编译的DOM结构,所有的DOM操作都是无效的。mounted:Vue将内存中的虚拟DOM转换成真实的DOM插入到页面中,所以页面上呈现的是Vue编译好的DOM,这里对DOM的操作是有效的。Update(元素或组件变化操作)beforeUpdate:此时数据是新的,页面还是旧的。也就是说,数据和页面还没有保持同步。updated:数据和页面都是新的,并且已经同步更新。Destroy(销毁相关属性)beforeDestroydestroyed路由特定生命周期activated:被keep-alive缓存组件激活时调用deactivated:被keep-alive缓存组件停用时调用出错时调用。该挂钩接收三个参数:错误对象、发生错误的组件实例以及包含错误来源信息的字符串。该钩子可以返回false以防止错误进一步向上传播。