Vue3中使用v-for指令遍历对象 官网
v-for指令也能遍历对象。语法为 v-for="(value, key) in object" , value 是对象的值, key 是对象的键。 template ul li v-for="(value, key) in user" :key="key" {{ key }}: {{ value }} /li /ul/templatescript setupimport { ref } from 'vue';const user = ref({ name: 'John', age: 30 });// 运行结果:页面会显示包含name: John和age: 30的列表/script 遍历对象时,同样要为每个元素绑定唯一的 :key 。