码迷,mamicode.com
首页 > 编程语言 > 详细

vue中循环数组和对象

时间:2019-01-21 13:47:08      阅读:871      评论:0      收藏:0      [点我收藏+]

标签:vue   循环   class   name   div   对象   key   java   rip   

1.数组

num: [
        {
          name: "这是二",
          id: 1
        },
        {
          name: "这是二",
          id: 1
        },
        {
          name: "这是二",
          id: 1
        }
      ]

循环

<p v-for="(item, id) of num">{{item.name}}</p>

2.对象

 Data: {
        a: "这是一",
        b: "这是一",
        c: "这是一",
        d: "这是一",
      },

循环

<p v-for="(value,key) of Data">{{value}}</p>

  

vue中循环数组和对象

标签:vue   循环   class   name   div   对象   key   java   rip   

原文地址:https://www.cnblogs.com/wjsy/p/10298027.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!