LLEARNING NOTES

技术 · 思考 · 实践 · 成长

首页/Vue2/正文

vue v-for 遍历数组

Vue2566 次阅读
<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="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>    
    <script>
            const app = new Vue({
                el:'#app',
                data:{
                    message:"你好啊",
                    names:['why','kobe','james','curry']
                },
                methods:{
                  
                }
            })
        </script>


读书和赚钱都是一个人最好的修行,前者使人不惑,后者使人不屈,二者结合,便可不困于世,不流于俗

评论交流

理性讨论,共同进步
验证码

相关文章

继续阅读