Vue 中遍历对象的 v-for 指令通过 v-for="item in object" 语法实现。它允许遍历对象属性并渲染模板内容，具体用法如下：在 v-for 中指定遍历的变量名 item，它代表对象中的每个值。使用 person[item] 访问对象的属性，其中 item 是属性名。v-for 指令仅遍历对象的可枚举属性，而非可枚举属性。
Vue 中遍历对象的 v-for
在 Vue 中，可以通过 v-for 指令遍历对象并渲染模板内容。
语法
示例
立即学习“前端免费学习笔记（深入）”；
假设有一个对象 person：
const person = {
name: 'John',
age: 30
};要遍历 person 对象并渲染 name 和 age 属性，可以使用以下模板：
属性名：{{ item }}
属性值：{{ person[item] }}
渲染结果：
属性名：name
属性值：John
属性名：age
属性值：30
注意
- v-for 指令中的
item可以是任意变量名，它将表示对象中的每个值。 - 要访问对象的属性，可以使用
person[item]，其中item是属性名。 - v-for 指令只能遍历对象的可枚举属性，不能遍历非可枚举属性。
