Vue3中引入了Composition API，其中包含了一項非常重要的特性——Hook。Hook在Vue3中是一種監(jiān)聽器，能夠監(jiān)聽組件實例中特定的生命周期事件，以實現(xiàn)更加靈活和精細(xì)的控制。

一個Hook包含兩個部分：Hook函數(shù)和Hook服務(wù)。Hook函數(shù)用于定義需要監(jiān)聽的生命周期事件，而Hook服務(wù)則是將Hook函數(shù)掛載到Vue實例中。

import { onMounted, onUnmounted } from 'vue';
export default {
setup() {
// 定義需要監(jiān)聽的生命周期事件
const mounted = () =>{
console.log('mounted');
};
const unmounted = () =>{
console.log('unmounted');
};
// 將Hook函數(shù)掛載到Vue實例中
onMounted(mounted);
onUnmounted(unmounted);
}
}

通過使用onMounted和onUnmounted函數(shù)，我們可以輕松地監(jiān)聽組件的mounted和unmounted事件，并在事件發(fā)生時觸發(fā)特定的函數(shù)，實現(xiàn)更加精細(xì)的控制和管理。

除了onMounted和onUnmounted，Vue3還提供了一系列其他的Hook函數(shù)，如onUpdated、onActivated、onDeactivated等，可以幫助我們更好地監(jiān)聽Vue實例中的生命周期事件，在組件的不同生命周期階段進(jìn)行精細(xì)化的管理。