vue 遍历对象属性 学习 例子 整理 记录 自学 前端

<dir id="app">
	<ul>
		<li v-for="user in users">{{user}}</li>
	</ul>
</dir>
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>
<script type="text/javascript">
	var vm = new Vue({
		el: '#app',
		data: {
			users: {
				name: '新冠病毒',
				age: 1,
				address: 'usa'
			}
		}
	})
</script>

<dir id="app">
	<ul>
		<li v-for="(user, key ,index) in users">{{index}} - {{key}} - {{user}}</li>
	</ul>
</dir>
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>
<script type="text/javascript">
	var vm = new Vue({
		el: '#app',
		data: {
			users: {
				name: '新冠病毒',
				age: 1,
				address: 'usa'
			}
		}
	})
</script>