javaScript语句

 

1、v-for遍历数组

      1、在遍历的过程中，没有使用索引值（下标值）

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

      2、在遍历的过程中，获取索引值（下标值）

    <ul>
 
      <li v-for="(item,index) in names">{{index}}.{{item}}</li>
 
    </ul>
 

  <div id="app">
 
    <!--
      1、在遍历的过程中，没有使用索引值（下标值）
    -->
    <ul>
      <li v-for="item in names">{{item}}</li>
    </ul>
 
 
    <!--
      2、在遍历的过程中，获取索引值（下标值）
    -->
    <ul>
      <li v-for="(item,index) in names">{{index}}.{{item}}</li>
    </ul>
 
  </div>
 
  <script src="../js/vue.js"></script>
 
  <script>
    const app = new Vue({
      el: '#app',
      data: {
        names: ['Doe', 'Jhon', 'Marry', 'Kate']
      }
    })
  </script>

 

2、v-for遍历对象

1、在遍历对象的过程中，如果只是获取一个值，那么获取到的值是value

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

      2、获取key和value和index 格式:（value,key）

    <ul>
 
      <li v-for="(value,key) in info">{{value}}-{{key}}</li>
 
    </ul>

     3、 获取key和value  格式:（value,key,index）

    <ul>
 
      <li v-for="(value,key,index) in info">{{value}}-{{key}}-{{index}}</li>
 
    </ul>

参考链接：https://blog.csdn.net/weixin_43613849/article/details/117467320