在使用Vue.js時(shí)，我們可能需要對(duì)組件進(jìn)行激活和取消激活。此時(shí)，Vue提供了activated和deactivated這兩個(gè)生命周期鉤子函數(shù)來(lái)幫助我們實(shí)現(xiàn)在組件激活和取消激活時(shí)執(zhí)行一些操作。

下面是一個(gè)簡(jiǎn)單的例子，通過(guò)activated和deactivated生命周期鉤子函數(shù)，在組件激活和取消激活時(shí)分別輸出一些信息：

Vue.component('my-component', {
activated: function () {
console.log('MyComponent activated.')
},
deactivated: function () {
console.log('MyComponent deactivated.')
},
template: '
MyComponent
'
})

在上面的代碼中，我們定義了一個(gè)名為my-component的組件，并在組件中定義了activated和deactivated兩個(gè)生命周期鉤子函數(shù)，分別在組件激活和取消激活時(shí)執(zhí)行相應(yīng)的操作。在組件的template中，我們輸出了一個(gè)簡(jiǎn)單的字符串。

當(dāng)組件被激活時(shí)，我們可以在控制臺(tái)中看到'MyComponent activated.'的輸出信息。同樣的，當(dāng)我們通過(guò)v-if等方式將組件取消激活時(shí)，'MyComponent deactivated.'的輸出信息也會(huì)被打印到控制臺(tái)中。