vue基础：生命周期函数。

最新推荐文章于 2025-02-10 23:45:34 发布

原创最新推荐文章于 2025-02-10 23:45:34 发布 · 332 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue基础：生命周期函数。

vue 专栏收录该内容

28 篇文章

订阅专栏

本文深入解析Vue.js的生命周期函数，从实例创建到销毁的全过程。包括beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy和destroyed等关键阶段的作用及应用场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vue基础：生命周期函数。
组件挂载，更新和销毁的时候触发的一系列方法。
生命周期函数也是放在methods:{}中
可以了解成，vue在不同时期调用的方法和函数。

beforeCreate(){
            console.log('实例刚刚被创建1');
        },
        created(){
            console.log('实例已经创建完成2');
        },
        beforeMount(){
            console.log('模板编译之前3');
        },
        mounted(){     /*请求数据，操作dom , 放在这个里面  mounted*/
            console.log('模板编译完成4');
        },
        beforeUpdate(){
            console.log('数据更新之前');
        },
        updated(){
            console.log('数据更新完毕');
        },
        beforeDestroy(){   /*页面销毁的时候要保存一些数据，就可以监听这个销毁的生命周期函数*/
            console.log('实例销毁之前');
        },
        destroyed(){
            console.log('实例销毁完成');
        }