计算机网络/计算机科学与应用/系统/运维/开发

vue v-for 遍历对象

    <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>


只要一个人还有追求,他就没有老。直到后悔取代了梦想,一个人才算老。熬过了必须的苦,才能过上喜欢的生活。

评论

^