【vue生命周期】

柒一’

于 2022-11-01 21:53:14 发布

阅读量51

点赞数 1

文章标签： vue.js 前端

本文链接：https://blog.csdn.net/m0_67969470/article/details/127642249

版权

什么是生命周期

从Vue实例创建、运行、到销毁期间总是伴随着各种各样的事件，这些事件，统称为生命周期！

         // 初始化还未完成  data在的数据和methods的方法还没有挂载到vue实例上
        // 一般用于页面的重定向  
        beforeCreate(){

        },
        // 数据初始化已经完成，他是第一个可以操作data中数据和methods中的方法的生命周期
        // 接口请求 和 数据初始化
        created(){
        
        },
        
        // 虚拟DOM挂载之前 页面元素还没有更新
        beforeMount(){

        },
        // 初始化已完成 它是第一个可以操作DOM元素的生命周期
        mounted(){

        },
        
        // 执行0次或多次
        // 页面中数据不是最新的 data里面是最新的
        beforeUpdate(){

        },
        // 页面已经更新 是最新的数据
        updated(){

        },
        // 销毁之前
        beforeDestroy(){
 
        },
        // 销毁之后
        destroyed(){

        }