本文详细解析了Vue.js的生命周期，包括创建、运行和销毁三个阶段。具体涵盖了beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy和destroyed等关键钩子函数的作用和调用时机。
可以简单概括为 1.创建 2.运行 3.销毁
创建
beforeCreate
created:此时才可以使用 data 和 method
beforeMounte: 模板字符串仍然在内存中,还没有加载到页面
mounted:加载到页面,视图(此时才可以使用dom)
运行
beforeUpdate:(数据更新,但是界面还没有跟新;data中数据是最新的,但是界面上的数据还是旧的)先根据data中最新的数据,在内存中重新渲染出最新的一份内存dom;
updated:页面和data数据已经保持同步
销毁
beforeDestroy:当执行此函数的时候,vue实例就已经从运行阶段进入到销毁阶段,实例上的data和methods,以及过滤器,指令都处于可执行状态,此时还没有真正的执行销毁过程
destroyed():实例销毁,data methods 过滤器 指令等皆不可用
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
