常用的Vue生命周期函数

Vue生命周期函数:

组件挂载》组件更新》组件销毁时触发的一些方法,这些方法就叫做生命周期函数


    beforeCreate(){
        console.log('刚刚创建实例');
        
    },
    created(){
        console.log('实例创建完成');
        
    },
    beforeMount(){
       
        console.log('模板编译之前 ');
        
    },
    mounted(){
         /* 请求数据,操作Dom时常用 */
        console.log('实力挂载完成');
        
    },
    beforeUpdate(){
        console.log('更新前')
    },
    updated(){
        console.log('更新后')
    },
    beforeDestroy(){
        /* 页面销毁时要保存数据,可以监听这个销毁的生命周期 */
        console.log('实例销毁前')
        alert('准备销毁')
    },
    destroyed(){
        console.log('实力销毁后')
    }
--------------------------------------------------------
//业务中常用的Vue生命周期函数
  mounted(){
         /* 请求数据,操作Dom时常用 */
        console.log('实力挂载完成');
        
    },

  beforeDestroy(){
        /* 页面销毁时要保存数据,可以监听这个销毁的生命周期 */
        console.log('实例销毁前')
        alert('准备销毁')
    },

猜你喜欢

转载自blog.csdn.net/W2457307263/article/details/87998201