在Vue中,每個組件都有一個lifecycle(生命周期),其中include created、mounted、updated 和 destroyed 等等。而activated(激活)也是Vue中的生命周期方法之一。當組件每次被激活時,activated方法將會被調用,這可以是在組件路由切換時,或者是由于
需要注意的是,activated只會在組件被
// 簡單的例子 export default { activated: function () { console.log('Component activated.') } }
在activated方法中,可以編寫任何處理邏輯來更新組件或執行一些異步操作,例如填充數據或制定條件渲染:
// 捕獲數據 activated: function () { this.fetchData() }, methods: { fetchData () { axios.get('/api/data').then(response =>{ this.data = response.data }) } } // 面向條件的渲染 activated: function () { this.showModal = true if (this.$route.query.redirectUrl) { this.redirectUrl = this.$route.query.redirectUrl } }
總的來說,Vue的activated方法是用于處理組件復活后的狀態更新或異步操作的生命周期鉤子。如果你在組件內部要執行一些更新數據或異步請求的操作,可以放心地使用activated方法。