Vue專案實現資訊的遍歷呈現《v for的使用》

本篇文章主要是實現前端在資料庫中遍歷拿到的資料，並且逐條呈現在頁面的功能。

第一段

="game"
>
="game-one" v-
for=
"item in gamelist"
:key=
"item.id"
>
="logo"
>
"item.logo" width=
"100%" height=
"100%"
/>
<
/div>
="gamename"
>
}<
/div>
="introduction"
>
}<
/div>
="label"
>
}<
/div>
="gametime"
>
}<
/div>
type=
"success"
class
="gamejoin"
@click
="joingame"
>參加競賽<
/button
>
<
/div>
<
/div>
<
/template>第二段(這裡我的資料是寫死在return裡的。資料應該是在資料庫中獲取)
export default,,

,,],

}}};第三段（頁面樣式的話，按照需求調整，下面是我自己寫的簡單樣式）

				
Vue實現元件資訊的快取
router view keep alive 但是這種情況會對所有的元件進行快取，不能達到單個元件快取的效果。那麼我們給部分元件加上，實現方法如下 v if route.meta.keepalive router view keep alive v if route.meta.keepalive r...
				
Vue實現元件資訊的快取
keep alive router view router view keep alive keep alive router view v if route.meta.keepalive router view keep alive router view v if route.meta.keep...
				
關於Vue實現元件資訊的快取問題
當我們在開發vue的專案過程中，避免不了在路由切換到其他component再返回後該元件資料會重新載入，處理這種情況我們就需要用到keep alive來快取vue的元件資訊，使其不再重新載入。在app.vue裡 gbptaazzve 但是這種情況會對所有的元件進行快取，不能達到單個元件快取的效果。那...