千鋒教育前端Vue3.0全套視頻教程(Kerwin2023版,Vue.js零基礎(chǔ)

Vue.js是一個(gè)流行的JavaScript框架,用于構(gòu)建用戶界面。在Vue.js中,生命周期鉤子函數(shù)是在組件創(chuàng)建、更新和銷毀的不同階段自動(dòng)調(diào)用的函數(shù)。Vue.js 2和Vue.js 3在生命周期鉤子函數(shù)方面有一些區(qū)別。
Vue.js 2.x的生命周期鉤子函數(shù)包括:
- beforeCreate:在實(shí)例初始化之后,數(shù)據(jù)觀測(cè)(data observer)和事件初始化之前被調(diào)用。
- created:在實(shí)例創(chuàng)建完成后被調(diào)用,此時(shí)可以訪問實(shí)例的數(shù)據(jù)和方法。
- beforeMount:在掛載之前被調(diào)用,即將開始編譯模板并將其替換為虛擬DOM。
- mounted:在實(shí)例掛載到DOM上后調(diào)用,此時(shí)可以訪問到DOM元素。
- beforeUpdate:在數(shù)據(jù)更新之前被調(diào)用,即在重新渲染之前。
- updated:在數(shù)據(jù)更新后被調(diào)用,DOM已經(jīng)重新渲染。
- beforeDestroy:在實(shí)例銷毀之前調(diào)用,此時(shí)實(shí)例仍然可用。
- destroyed:在實(shí)例銷毀之后調(diào)用,此時(shí)實(shí)例完全被銷毀。
Vue.js 3.x的生命周期鉤子函數(shù)進(jìn)行了一些修改和簡(jiǎn)化:
- beforeCreate 和 created 鉤子函數(shù)保持不變。
- beforeMount 和 mounted 鉤子函數(shù)保持不變。
- beforeUpdate 和 updated 鉤子函數(shù)被合并成了 beforeUpdate。
- activated 和 deactivated 鉤子函數(shù)被移除,不再用于組件的keep-alive。
- 新增兩個(gè)鉤子函數(shù):beforeUnmount 和 unmounted。beforeUnmount 在卸載之前調(diào)用,unmounted 在卸載之后調(diào)用。
此外,Vue.js 3還引入了Composition API,通過setup函數(shù)來代替部分傳統(tǒng)的生命周期函數(shù)的使用,提供了更靈活和可組合的組件邏輯。
雖然Vue.js 3.x對(duì)一些生命周期進(jìn)行了修改和簡(jiǎn)化,但仍然保持了與Vue.js 2中生命周期的基本一致性,使得遷移和使用變得相對(duì)容易。
標(biāo)簽: