VUE生命周期钩子

最新推荐文章于 2024-03-13 16:03:16 发布

苘迷

最新推荐文章于 2024-03-13 16:03:16 发布

阅读量179

点赞数

分类专栏：前端文章标签： vue

原文链接：https://www.mk2048.com/blog/blog.php?id=hb0hca1a1jjb&title=VUE%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F%E9%92%A9%E5%AD%90

版权

前端专栏收录该内容

734 篇文章

订阅专栏

本文深入探讨了Vue.js的生命周期钩子，从实例创建到销毁的全过程。包括beforeCreate、created、beforeMount、mounted等关键阶段的执行时机及应用场景，帮助开发者更好地理解和运用Vue框架。

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

var app=new Vue({
 el:'#app',
 data:{
 a:2
 },
 beforeCreate:function(){
 console.log("实例创建之前");
 },
 created:function(){
 console.log("a is:" this.a);
 console.log("实例创建之后");
 },
 beforeMount:function(){
 console.log("模板编译/挂载之前")
 },
 mounted:function(){
 console.log("模板编译/挂载之后")
 },
 beforeupdated:function(){
 console.log("实例更新之前")
 },
 updated:function(){
 console.log("实例更新之后")
 },
 beforeDestory:function(){
 console.log("组件销毁前调用")
 },
 destroyed:function(){
 console.log("组件销毁后调用")
 }
})