Vue的生命周期

复制代码
var vm = new Vue({
    el: "#app",
    // 在基础初始化完成之后,数据和事件配置之前调用
    beforeCreate(){
        console.log("beforeCreate")
    },
    // 初始化全部完成,实例创建完成后立即调用
    created(){
        console.log("created")
    },
    // 挂载之前调用
    beforeMount(){
        console.log("beforeMount")
    },
    // 页面挂载后调用
    mounted(){
        console.log("mounted")
    },
    // 数据有更新,页面渲染之前调用
    beforeUpdate(){
        console.log("beforeUpdate")
    },
    // 数据有更新,页面渲染完毕后调用
    updated(){
        console.log("updated")
    },
    // 实例销毁前调用
    beforeDestroy(){
        console.log("beforeDestroy")
    },
    // 实例销毁后调用
    destroyed(){
        console.log("destroyed")
    }
})
复制代码

 

posted @   快乐的汤圆酱  阅读(11)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?
点击右上角即可分享
微信分享提示