1、v-for遍历数组
当我们有一组数据需要进行渲染时,我们就可以使用v-for来完成。
- v-for的语法类似于JavaScript中的for循环。
- 格式如下: item in items的形式。
(1)在遍历的过程中,没有使用索引值,下标值。语法格式:v-for="item in items"
(2)如果在遍历的过程中,我们需要拿到索引值。语法格式:(item, index) in items
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div id="app">
<!--1.在遍历的过程中,没有使用索引值(下标值)-->
<ul>
<li v-for="item in names">{
{item}}</li>
</ul>
<!--2.在遍历的过程中,获取索引值-->
<ul>
<li v-for="(item, index) in names">{
{index+1}}.{
{item}}</li>
</ul>
</div>
<script src="../js/vue.js&