遍历一个对象

v-for 来遍历一个对象的 property

 

 HTML:

<div v-for="(value, name) in object">
  {{ name }}: {{ value }}
</div>

 

 Javascript:

new Vue({
  el: '#v-for-object',
  data: {
    object: {
      title: 'How to do lists in Vue',
      author: 'Jane Doe',
      publishedAt: '2016-04-10'
    }
  }
})

 

posted on 2021-03-16 18:21  zhishiyv  阅读(50)  评论(0编辑  收藏  举报

导航