vue生命周期

半个苹果

已于 2022-04-13 11:12:57 修改

阅读量71

点赞数

文章标签： vue

于 2021-07-23 01:42:56 首次发布

本文链接：https://blog.csdn.net/weixin_44629215/article/details/119014574

版权

本文详细介绍了Vue.js的生命周期，包括beforeCreate、created、beforeMount、mounted等10个关键钩子函数，阐述了它们在组件从创建到销毁过程中的触发时机。同时，讨论了keep-alive组件的activated和deactivated钩子，以及在实际开发中如何利用这些生命周期进行状态管理和性能优化。

摘要由CSDN通过智能技术生成

**vue生命周期：**

 即：10个钩子函数
        beforecreate() --- vue实例对象即将创建
        created() --- vue实例对象创建完毕
        beforeMount() --- 元素挂载前执行
        mounted() --- 元素挂载完毕
        beforeUpdate() --- 数据修改前
        updated() --- 数据修改完毕
        beforeDestroy() --- 实例销毁之前调用
        destroyed() --- 实例销毁后调用
        activated() --- 被keep-alive缓存的组件激活时调用,该钩子在服务器端渲染期间不被调用。
        deactivated() --- 被 keep-alive 缓存的组件停用时调用,该钩子在服务器端渲染期间不被调用。