vuejs basis -v-for usage

Through the array, the array objects, objects, numbers,

<! DOCTYPE HTML> 
<HTML> 
	<head> 
		<Meta charset = "UTF-. 8"> 
		<title> </ title> 
		<Script type = "text / JavaScript" the src = "vue.min.js"> </ Script > 
	</ head> 
	<body> 
		<div ID = "App"> 
			<P V-for = "(Item, II) in ARR"> data of {{ii}} th value of the reference is {{item}} </ P> 
			<P = V-for "(ITEM2, II2) in List"> ID: {{}} item2.id, name:} {} {item2.name, number is {{ii2}} </ p > 
			<P = V-for "(Val, Key, II3) in User"> Key: Key {} {}, is a value {{val}}, is the number II3} {} {</ P> 
			<P V- for = "count in 10"> this is the first {{count}} traversal </ P> 
		</ div> 
	</ body> 
	
	<Script>
		new Vue({
			el:"#app",
			data:{
				arr : [1,2,2,4,3,5],
				list :[
					{id:1,name:"name1"},
					{id:2,name:"name2"},
					{id:3,name:"name3"},
					{id:4,name:"name4"}
				],
				user : {
					id : "10",
					name : "zhang",
					age : 22
				}
			},
			methods:{}
		});
	</script>
</html>

  

Digital traversal starting at 1

 

Guess you like

Origin www.cnblogs.com/eadela/p/11232487.html