vue 第七天(循环遍历)
v-for循环
1、v-for 遍历数组
数组 语法 v-for="(要循环的定义的变量,index 也就是下标) in 要循环的数组"
v-for="(item,index) in name" 加下标
v-for=“item in name” 不加下标
<!-- v-for 表达式-->
<div id="vue_one">
<ul>
<li v-for="(value,index) in name">{
{value}}/{
{index}}</li>
</ul>
</div>
<script type="text/javascript">
const vm = new Vue({
el: '#vue_one',
data: {
name: ["13","qwe","qrq"]
}
})
</script>
2、v-for 遍历对象
对象 语法 v-for="(要循环的定义的变量,对象的key键,index 也就是下标) in 要循环的数组"
v-for="(item,key) in name" 不加下标 加key键
v-for=“item in name” 不加下标
<!-- v-for 表达式-->
<div id="vue_one">
<ul>
<li v-for="(value,key,index) in name">{
{
key}}/{
{
value}}/{
{
index}}</li>
</ul>
</div>
<script type="text/javascript">
const vm = new Vue({
el: '#vue_one',
data: {
name: {
zhangsan:"100分",