Vue生命周期

Posted 2020-11-25

生命周期钩子 = 生命周期函数 = 生命周期事件

beforeCreate(){
    //此时只创建了一个空的Vue实例(data和methods中的数据还未初始化)
    //拿不到数据 也操作不了方法
},
created() {
    //此时Vue实例已经完全创建好(data中的数据 以及 methods中的方法已经初始化)
    //注意！视图中的html并没有渲染出来
    //可以做的事
    //1.做一些网络请求  
    //2.调用data中的数据 或者 操作methods中的方法
},
beforeMount(){
    //此时模板在内存中已经编译好了 但尚未挂载到内存中去 页面还是旧的
},
mounted(){
    //模板已经挂载到了页面上  用户已经可以看到渲染好的页面了
},
beforeUpdate() {
    //此时data数据已经更新了  但是界面上数据还是旧的
},
updated(){
    //此时完成了model -> view的更新
}