許多Vue的開發者在使用updated生命周期方法時都遇到過一個問題：vue updated不停觸發。

在Vue的生命周期方法中，updated是更新后會被觸發的方法之一。它在頁面更新時被調用，但是很多開發者在寫代碼時會遇到updated方法一直被觸發的情況。這種現象的出現，多數情況下是因為開發者在設計數據更新時出現了問題。下面來看看可能會導致updated不停觸發的幾個原因。

updated() {
this.num1 = 5;
}

1.數據更新后沒有停止更新

當在updated里更新了組件的數據（比如上述的代碼），這個更新會造成視圖重新渲染。而重新渲染后，組件中的數據又會發生變化，從而觸發updated方法的執行，如此反復下去，就會出現updated不停觸發的情況。為了避免這種情況的出現，我們需要在更新數據后停止更新，如下所示：

updated() {
if (this.num1 !== 5) {
this.num1 = 5;
}
}

這樣就能避免我們的代碼陷入一個死循環。

2.數據更新后沒有改變

如果在代碼邏輯中，更新數據的值沒有實際改變，那么視圖也不會發生改變，這時就會造成updated不停觸發的情況。如下所示：

updated() {
this.num1 = 5;
this.num2 = 3;
this.num3 = 2;
}

在這個例子中，num1的改變并不會影響到num2和num3的渲染，但是這三個值一直在不停地交替更新，所以updated一直會被觸發。為了避免這種情況的出現，我們只要判斷當前狀態是否需要更新即可：

updated() {
if (this.num1 !== 5) {
this.num1 = 5;
this.num2 = 3;
this.num3 = 2;
}
}

3.組件的生命周期被錯誤地觸發了

有時候我們觸發某些生命周期時，也會觸發updated。比如下面的代碼：

mounted() {
this.$nextTick(() =>{
this.num1 = 5;
})
},
updated() {
console.log('updated');
}

這段代碼中，在mounted方法里我們使用了$nextTick延遲5ms來更新num1的值。但是由于nextTick的特點，num1的更新會在下一個DOM更新周期生效，也就是updated被觸發時才能生效，所以每次$nextTick都會觸發一次updated方法。

綜上所述，updated不停觸發的情況，大多數是由于數據更新不當造成的。因此，在設計數據更新時，一定要小心謹慎，確保代碼的邏輯正確，不然不僅會造成視圖渲染的問題，還可能會造成一些不必要的性能問題。