2019-11-16 seo達人
vue 生命周期
每個 Vue 實例在被創建時都要經過一系列的初始化過程。設置數據監聽、編譯模板、掛載等等。vue生命周期還是不太容易理解，這里就簡單地說一下它的整個過程。
1創建一個vue實例
new vue({
data () {
return {
}
}
})
2 初始化事件和生命周期 beforeCreate 創建實例之前執行的鉤子函數
3 初始化·注入和校驗 created 實例創建完成后執行的鉤子
new vue ({
data () {
return {
a: 1
}
},
created: function () {
console.log('created')
}
})
4 渲染頁面 編譯 beforeMount 將編譯完成的html掛載在虛擬dom時執行的鉤子
5 mouted鉤子 掛載完畢對數據進行渲染 會做一些ajax情求初始化數據 mounted整個實例過程中只執行一次
new vue ({
data () {
return {
a: 1
}
},
created: function () {
console.log('created')
},
// 一些鉤子函數
mouted: function () {
console.log('mounted')
}
})
6 修改數據 beforeUpdate 更新之前的鉤子
7 updated 修改完成重新渲染
8 準備解除綁定子組件以及事件監聽器 beforeDestroy
9 銷毀完成 destroyed