Vue基础学习（2）

基础标签

v-for

学习过编程语言的同学对for一定不会陌生，没错在vue中v-for也是循环指令，下面我们一起学习它的用法

v-for用处

1. 列表：无序列表（ul>li）,有序列表（ol>li）

2. 表格：（tr>td）

v-for 指令基于一个数组来渲染一个列表。v-for 指令的值需要使用 item in items 形式的特殊语法，也就是循环指令.其中 items 是源数据的数组，而 item 是迭代项的别名：

data() {
  return {
    names:["lily","lucy","hanmeimei","lilei"]
  }
}
​

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

效果:

v-for遍历的对象

1. json

   <ul>
       <!-- 遍历json, js对象:  第一个位置: value, 第二个位置: key, 第三个位置: 下标-->
       <li v-for="(v,k,index) in json">