這里要實現顯示一個Tabbar欄的效果，其中一行代碼v-for=“item in titles”
數據傳輸過去了，但沒有展示，
報錯信息
Property or method “item” is not defined on the instance but referenced during render.

原因使用了item項，卻沒有在data()中定義，這里item是遍歷titles數組的固有屬性，不用在data()里再次定義
了解v-for循環數據，當用for來更新已經被渲染的元素時，vue的“就地復用”策略，不會改變數據項的順序的，如果想要重新排序，需要為每項添加key（也就是每項的唯一id）
當使用v-for正在更新已渲染的元素列表時，它默認使用“就地復用”策略。如果數據項的順序被改變，vue將不是移動元素來匹配數據的順序，而是簡單的復用此處的每個元素，并且確保他在特定索引下顯示已被渲染過的每個元素。經常在列表渲染輸出中使用。
修改語句

v-for="(item, index) in titles:key="item.index" 正常顯示添加key值，這個key值也是Vue官方建議使用的

總結

以上是生活随笔為你收集整理的Vue项目报错记录解决Property or method “item“ is not defined on the instance的全部內容，希望文章能夠幫你解決所遇到的問題。

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