最近在寫一個功能，使用v-for循環渲染子組件：代碼如下：

當datas的數據發生改變時，按理子組件展現的數據也應該重新渲染，不過在使用的時候并沒有達到這樣的效果，但是將循環渲染的子組件改成html標簽的話數據是會重新渲染的，經查閱發現當 Vue 正在更新使用?v-for?渲染的元素列表時，它默認使用“就地更新”的策略。如果數據項的順序被改變，Vue 將不會移動 DOM 元素來匹配數據項的順序，而是就地更新每個元素，并且確保它們在每個索引位置正確渲染，這個默認的模式是高效的，但是只適用于不依賴子組件狀態或臨時 DOM 狀態 (例如：表單輸入值) 的列表渲染輸出。相關文獻：https://cn.vuejs.org/v2/guide/list.html#%E7%BB%B4%E6%8A%A4%E7%8A%B6%E6%80%81

知道原因后在v-for的同時加上:key屬性就解決了此問題。

?

?

總結

以上是生活随笔為你收集整理的vue循环渲染子组件视图不更新问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。