Vue中activated用法是作為生命周期函數之一，當組件切換時會被調用，它可以用來處理組件的邏輯問題，包括數據請求、更新操作等。

activated() {
axios.get('/api/data')
.then(response =>{
this.data = response.data
})
}

當組件被切換到，activated函數就會被執行。上述代碼中，我們使用了axios庫向后端請求數據并將返回的數據賦值給組件的data屬性。

除了數據請求，activated函數也可以用來進行組件的顯示和隱藏，例如在切換組件時，動態改變組件顯示或隱藏的狀態：

activated() {
this.showComponent = true
}

上述代碼中，我們通過組件的data屬性showComponent來控制組件的顯示和隱藏狀態。

如果一個組件在activation期間需要進行一些額外的邏輯操作，我們可以使用activated函數來完成這些操作。例如，在組件切換后需要滾動到頁面的頂部，我們可以使用以下代碼來實現：

activated() {
window.scrollTo(0, 0)
}

上述代碼將瀏覽器窗口滾動到頁面頂部。

如果你的組件中有一些屬性或狀態需要進行快速清理和初始化，那么activated函數同樣可以幫助你完成這項任務。例如：

activated() {
this.text = ''
this.checked = false
}

上述代碼將組件中的text屬性和checked狀態進行清空和初始化，更好地準備組件的下一次使用。

總之，Vue中的activated函數是非常有用的生命周期函數，它可以處理組件的邏輯、請求數據、控制組件的顯示和隱藏等。在組件的開發過程中，留下activated函數可以幫助我們更好地處理組件的狀態問題，使得組件更加穩定和完善。