Vue中v-for如何遍历数组与JSON对象输出？

本文共计810个文字，预计阅读时间需要4分钟。

本例演示了Vue指令v-for遍历输出JavaScript数组和JSON对象的常见方式。

定义数据：

遍历数组： {{ item }}

遍历对象属性： {{ key }}: {{ value }}

遍历对象属性，输出特定的属性： {{ key }}: {{ value.name }}

遍历对象的数组属性： {{ hobby }}

输出结果：苹果香蕉橙子name: 张三age: 25hobbies: 阅读hobbies: 旅游hobbies: 编程

本文实例讲述了Vue指令v-for遍历输出JavaScript数组及json对象的常见方式。