vue生命周期包括:1.創建前,鉤子函數為beforeCreate;2.創建后,鉤子函數為created;3.載入前,鉤子函數為beforemount;4.載入后,鉤子函數為mounted;5.更新前,鉤子函數為beforeUpdate;6.更新后,鉤子函數為updated;7.銷毀前,鉤子函數為beforeDestroy;8.銷毀后,鉤子函數為destroyed;
vue生命周期包括以下幾個階段
1.創建前
其對應的鉤子函數為beforeCreate,是指實例初始化之后,數據觀察和事件機制未形成,無法獲取到DOM節點。
2.創建后
其對應的鉤子函數為created,是指vue實例創建后,仍無法獲取到DOM節點。
3.載入前
其對應的鉤子函數為beforemount,是指vue掛載的根節點已創建,DOM的操作將圍繞根元素繼續進行。
4.載入后
其對應的鉤子函數為mounted,該階段中,數據和DOM都已被渲染,常用于異步請求。
5.更新前
其對應的鉤子函數為beforeUpdate,該階段中,vue遵循數據驅動DOM的原則,beforeUpdate函數在數據更新后,其DOM中的數據也會改變。
6.更新后
其對應的鉤子函數為updated,該階段中,DOM會與更新的內容進行同步。
7.銷毀前
其對應的鉤子函數為beforeDestroy,是指清除vue實例與DOM的關聯,在銷毀前,會觸發beforeDestroy鉤子函數。
8.銷毀后
其對應的鉤子函數為destroyed,在銷毀vue實例與DOM的關聯后,會觸發destroyed鉤子函數。