1.循环遍历
1.循环遍历:
vue的循环遍历用v-for,语法类似于js中的for循环
当我们有一组数据需要进行渲染时,我们就可以使用v-for来完成。
2.v-for使用格式:
格式为:v-for = item in items
(遍历items中的数据)
2.v-for遍历数组
1.v-for遍历数组
用v-for指令基于一个数组来渲染一个列表。
v-for 指令使用item in items形式的语法,
其中items是源数据数组, 而item则是被迭代的数组元素。
* 如果v-for遍历数组中的数组值
语法格式:v-for="movie in movies"
依次从movies中取出movie,并且在元素的内容中,我们可以使用Mustache语法,来使用movie
<li v-for="movie in movies"> {
{movie}} </li>
* 如果v-for遍历数组中的数组值、索引值
语法格式:v-for=(item, index) in items
v-for中使用二个参数,即当前项和当前项的索引
<li v-for="(item, index) in items">{
{index}}. {
{item}}</li>
<div id="app">
<ul>
<li v-for="name in names">{
{
name}}</li>
</ul>
<ul>
<li v-for="(name,index) in names">{
{
index}}. {
{
name}}</li>