Vue組件生命周期是Vue組件中的一系列方法的集合，在組件的整個生命周期期間被調(diào)用。Vue組件被創(chuàng)建，更新和銷毀時都會觸發(fā)一系列的生命周期方法。其中最常用的是“created”，“mounted”，“updated”和“destroyed”。

下面是Vue組件的一些生命周期方法的代碼演示：

export default {
name: 'my-component',
data () {
return {
message: 'Hello, Vue!'
}
},
created () {
console.log('組件創(chuàng)建完畢！')
},
mounted () {
console.log('組件已被掛載！')
},
updated () {
console.log('組件已被更新！')
},
destroyed () {
console.log('組件已被銷毀！')
}
}

“created”方法會在Vue實例創(chuàng)建后被調(diào)用。在這個階段，Vue實例的數(shù)據(jù)和方法已經(jīng)被初始化，但是DOM元素還沒有被掛載到頁面上。

“mounted”方法會在Vue實例掛載到頁面后被調(diào)用。此時，Vue實例的數(shù)據(jù)和方法已經(jīng)和頁面中的DOM元素綁定在一起了。

“updated”方法會在組件被重新渲染時被調(diào)用。這個方法經(jīng)常用于在組件更新后執(zhí)行一些操作，例如，獲取最新的數(shù)據(jù)和重新計算組件的大小。

“destroyed”方法會在Vue實例被銷毀前被調(diào)用。這個方法常常用于執(zhí)行一些清理工作，如定時器的清理和事件監(jiān)聽器的解綁。

掌握Vue組件的生命周期方法很重要，因為它可以幫助您編寫能夠正確響應(yīng)Vue實例的狀態(tài)變化的組件。