您现在的位置是:首页 >其他 >Vue的生命周期网站首页其他

Vue的生命周期

曾许人间第仪流 2024-06-14 17:19:50
简介Vue的生命周期
created() {
    console.log(this.name);
  },

   1.beforeCreate

在这个阶段进行初始化methods的方法,和data里面的变量做准备,无法进行使用。

export default {
   data() {
       return {
        name:'李四'
       }
   },
   beforeCreate(){
    console.log(this.name);
   },
  components: {}
}

2.Created

created() {
    console.log(this.name);
  },

初始化阶段完毕,可以使用方法和变量。

3.  beforeMount

 <div ref="aa"></div>
 beforeMount() {
    console.log(this.$refs.aa);
  },

 在这个阶段不能获取真实的dom

4.  mounted

 mounted(){
       console.log(this.$refs.aa);
  },

可以获取真是的dom

5.   beforeUpdate  updated

更新前做准备

跟新完成后

6.  beforeDestroy 

销毁前做准备 任然能使用

7.destroyed

完全销毁

组件从诞生到消亡的全过程叫做组件的生命周期。

 

风语者!平时喜欢研究各种技术,目前在从事后端开发工作,热爱生活、热爱工作。