声明周期函数/钩子函数的分析

最新推荐文章于 2025-07-10 17:27:47 发布

原创最新推荐文章于 2025-07-10 17:27:47 发布 · 362 阅读

0 ·

CC 4.0 BY-SA版权

VUE 专栏收录该内容

34 篇文章

订阅专栏

本文深入解析Vue.js的生命周期，从创建到销毁的各个阶段，包括beforeCreate、created、beforeMount、mounted、beforeUpdate和updated等钩子函数的作用及应用场景。

引入vue后

new Vue({
    el:"#app",
    template :`<div>  {{title}} </div>`//模板字符串，会替换挂载元素
    data:{
        title:'hello'
    },
    methods:{//定义方法
        
    },
    beforeCreate(){//当属性和方法未分配到实例上时加载（创建虚拟dom之前）
    
    },
    created(){//属性和方法已经分配到实例上时触发（完成虚拟dom创建）
        
    },
    beforeMount(){dom节点加载前
        
    },
    mounted(){dom节点加载完成
        
    },
    beforeUpdate(){ //数据更新前  数据发生改变
        
    },
    updated(){ //数据更新  新的dom生成
        
    }
        
})