這里要實(shí)現(xiàn)顯示一個(gè)Tabbar欄的效果，其中一行代碼v-for=“item in titles”
數(shù)據(jù)傳輸過(guò)去了，但沒(méi)有展示，
報(bào)錯(cuò)信息
Property or method “item” is not defined on the instance but referenced during render.

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

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

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。