Vue之v-for、v-model

1、v-for

v-for：作用就是用来对对象进行遍历的

<div id="app">
	<h1>遍历对象</h1>
	<h2 v-for="(value,key,index) in user">
		index:{{index}}
		key:{{key}}
		value:{{value}}
	</h2>
	<h1>遍历数组</h1>
	<h2 v-for="(school,index) in school">
		index:{{index}}
		school:{{school}}
	</h2>
</div>

<script>
	var app = new Vue({
	  el: '#app', //作用范围，推荐使用id选择器，不能指向body
	  data: {     //数据
	    message: 'Hello Vue!',
	    user:{name:"小陈"，des:"在河大等你"},
	    school:["明伦校区","金明校区","龙子湖校区"]
	  }
	})
</script>

2、v-model

v-model:作用：用来绑定form表单标签中的value属性交给vue实例进行管理。input select，checkbox button…

//不用再写value，v-model已经替代value
<input type="text" v-model="msg">