11.v-for循环对象.html

最新推荐文章于 2021-12-01 16:00:01 发布

马彼得

最新推荐文章于 2021-12-01 16:00:01 发布

阅读量177

点赞数

分类专栏： vue

本文链接：https://blog.csdn.net/luzhensmart/article/details/84204766

版权

vue 专栏收录该内容

41 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>

<script src="./lib/vue.min.js"></script>

</head>

<body>

     <div id="app">

          <!-- 妈的 遍历的时候 key和value反过来了name(key) : '嘿嘿'(val)  -->
          <p v-for="(val,key) in user">"值是:"{{val}}---"key是:"{{key}}</p>


          <p v-for="(val,key,i) in user">"值是:"{{val}}---"key是:"{{key}}---"索引是:"{{i}}</p>

     </div>


     <script>

        var vm = new Vue({
             el : '#app',
             data : {
             user : {
                 id : 1,
                 name : '嘿嘿',
                 gender : '男'
             }
            }
        }) 

     </script>

</body>

</html>