v-for

列表渲染:v-for

<li v-for="item in dataBase">{{item}}</li>

data:{

dataBase:[一，二，三，四，五]

}

<li v-for="item in dataBase">{{item.message}}</li>

data: {

dataBase: [

{message:语文}，{message:数学}

]

}

循环索引

<li v-for="item,index in dataBase">{{index}}-----{{item.message}}</li>

data: {

dataBase: [

{message:语文}，{message:数学}

]

}

循环对象

<li v-for="item in dataBase[0]" >{{item}}</li>

data: {

dataBase:[

{message:语文},{message:数学}

]

}

循环key值

<li v-for="item ,key in dataBase[0]">{{key}} : {{item}}</li>

data: {

dataBase:[

{message:语文},{message:数学}

]

}