LLEARNING NOTES

技术 · 思考 · 实践 · 成长

首页/Vue2/正文

vue v-for 遍历对象

Vue2585 次阅读
    <div id="app">
           <!-- 1、遍历对象的过程中,如果只是获取一个值,那么获取到的是value -->
          <ul>
              <li v-for="item in info">{{item}}</li>
          </ul>
         <!-- 2、获取key和value  格式:(value,key) -->
         <ul>
             <li v-for="(value,key) in info">{{value}}--{{key}}</li>
         </ul>
    </div>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>    
    <script>
            const app = new Vue({
                el:'#app',
                data:{
                    info:{
                        name:'why',
                        age:18,
                        height:1.8
                    }
                },
                methods:{
                  
                }
            })
        </script>


所谓坚持,就是从种子种下到开花结果需要等待的时间。

评论交流

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

相关文章

继续阅读