vue的生命周期,以及常用api的执行顺序

常用api执行顺序

beforeCreate -> state(data、computed等) -> created -> beforeMount -> mounted -> beforeUpdate -> updated -> beforeDestroy -> destroyed

state:props、methods、data、computed、watch

prop data computed 中定义的变量在执行时,先把数据存到内存中,等template模板渲染完成后,数据集会从内存写到模板,取代模板中的模板字符串,完成赋值,也就是实时自动更新

1.props:组件传参,实时更新,data和created可以访问

2.data:定义页面实时更新数据,只执行一次,created可以访问

3.created和beforeCreated:当前页面或者组件的开始,生命周期的开始

源码解析


status的api执行
组件初始化顺序

vue生命周期

vue生命周期
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容