# 10 渲染列表第 2 部分(遍历对象) > 原文: [https://javabeginnerstutorial.com/vue-js/10-rendering-lists-part-2/](https://javabeginnerstutorial.com/vue-js/10-rendering-lists-part-2/) 希望您已经知道[使用`v-for`指令遍历数组元素](https://javabeginnerstutorial.com/vue-js/9-rendering-lists-part-1/)。 在我们的应用中,我们处理的对象与数组一样多。 因此,不用费劲,让我们了解如何迭代对象的各种属性。 我听到你说:“*那么对象数组呢?*”我懂了。 我们也会处理这种情况! ## 遍历对象 是时候向我们的 Vue 实例的`data`对象添加一个简单的对象了。 ```js var app = new Vue({ el: "#app", data: { greetings: ["hi", "bonjour", "hola", "ciao"], letters: { a: "apple", b: "banana", c: "cat" } } }); ``` 为了遍历对象的键值对,我们可以使用相同的`v-for`指令。 ### 1\. 访问对象的值 访问对象的值非常简单。 ```js