Vue生命週期

生命週期鉤子 = 生命週期函數 = 生命週期事件

beforeCreate(){
    //此時只創建了一個空的Vue實例(data和methods中的數據還未初始化)
    //拿不到數據 也操作不了方法
},
created() {
    //此時Vue實例已經完全創建好(data中的數據 以及 methods中的方法已經初始化)
    //注意!視圖中的html並沒有渲染出來
    //可以做的事
    //1.做一些網絡請求  
    //2.調用data中的數據 或者 操作methods中的方法
},
beforeMount(){
    //此時模板在內存中已經編譯好了 但尚未掛載到內存中去 頁面還是舊的
},
mounted(){
    //模板已經掛載到了頁面上  用戶已經可以看到渲染好的頁面了
},
beforeUpdate() {
    //此時data數據已經更新了  但是界面上數據還是舊的
},
updated(){
    //此時完成了model -> view的更新
}
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章