Vue生命周期

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

beforeCreate(){
    //此时只创建了一个空的Vue实例(data和methods中的数据还未初始化)
    //拿不到数据 也操作不了方法
},
created() {
    //此时Vue实例已经完全创建好(data中的数据 以及 methods中的方法已经初始化)
    //注意!视图中的html并没有渲染出来
    //可以做的事
    //1.做一些网络请求  
    //2.调用data中的数据 或者 操作methods中的方法
},
beforeMount(){
    //此时模板在内存中已经编译好了 但尚未挂载到内存中去 页面还是旧的
},
mounted(){
    //模板已经挂载到了页面上  用户已经可以看到渲染好的页面了
},
beforeUpdate() {
    //此时data数据已经更新了  但是界面上数据还是旧的
},
updated(){
    //此时完成了model -> view的更新
}
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章