vuejs2 beforeUpdate生命週期鉤子觸發兩次

Question

當我使用新項目取消數組移位時，beforeUpdate方法被觸發兩次。當我推新物品時情況並非如此。有沒有人有一個想法，爲什麼它這樣做？這是搞亂我的應用程序...

Answer 1

經過一些更多的試驗和錯誤，我找到了解決方案。我想我也可以解釋爲什麼在更新前方法觸發兩次：

• 首先觸發是爲增加新的項目到陣列
• 第二個誘因是，因爲該項目在開始時加入reshifting數組鍵陣列

移位發生同樣的問題。因爲您刪除了陣列中的第一個項目，所以在這裏也會發生取捨。

這也可以解釋爲什麼它不會在推送時執行此操作，因爲新密鑰正在被添加，而不是被移位。

而現在的解決方法：當你做一個V型的，具有獨特的價值綁定「密鑰」屬性，像這樣：

<div v-for="item in items" :key="item.id"></div> 

什麼文件說一下：給Vue的暗示如此它可以跟蹤每個節點的身份，從而重用和重新排序現有元素。

我從這個解決方案得出的結論是，v-for不再查看數組鍵，而是使用您爲每個項目提供的唯一鍵。