Vue v-for指令迭代数字

Vue v-for指令教程

Vue v-for 指令可以用来遍历数组或者对象以及对象数组，也可以用来迭代数字。Vue v-for 指令可以根据 data 中数据的更新动态刷新视图。

案列

Vue v-for指令迭代数字

<!DOCTYPE html>
<html>
<head>
	<title>Vue v-for 迭代数字</title>
	<script type="text/javascript" src="./lib/vue-2.6.10.min.js"></script>
</head>
<style type="text/css">
</style>
<body>
	<div id="app">
		<p v-for='count in 3'>这是第 {{count}} 次循环</p>
        <p>嗨客网（www.haicoder.net）</p>
	</div>
</body>
<script type="text/javascript">
	var vm = new Vue({
		el :'#app'
	})
</script>
</html>

浏览器运行效果如下图所示：

39 vue vfor obj.png

我们使用了 Vue v-for 指令来遍历数字。

Vue v-for指令迭代数字总结

Vue v-for 指令可以用来遍历数组或者对象以及对象数组，也可以用来迭代数字。Vue v-for 指令遍历数字的形式为 <p v-for='count in 3'></p>。