Vue的生命周期

发布时间 2023-05-17 11:39:08作者: 快乐的汤圆酱
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")
    }
})