vue v-for遍历对象

回答: 在Vue中，可以使用v-for指令来遍历对象。你可以像遍历数组一样遍历对象的属性。比如，你可以使用以下代码来遍历一个对象的属性：

<div id="app">
  <ul>
    <li v-for="(value, key) in info">{{key}}: {{value}}</li>
  </ul>
</div>
<script src="../js/vue.js"></script>
<script>
  const app = new Vue({
    el: '#app',
    data: {
      info: {
        name: 'why',
        age: 18,
        height: 1.88
      }
    }
  })
</script>

在上述代码中，我们使用v-for指令来遍历info对象的属性。在每次循环中，我们将属性的值赋给value，属性的键赋给key，然后可以在模板中使用它们。这样，我们就可以将对象的属性列表显示为一个无序列表。<em>1</em><em>2</em><em>3</em>
#### 引用[.reference_title]
- *1* *2* *3* [Vue：循环遍历（v-for）](https://blog.csdn.net/yufengguanyun/article/details/123297502)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}} ] [.reference_item]
[ .reference_list ]