vue的基础学习2：循环语句、事件处理

vue的基础学习2

1.循环语句（列表渲染）

v-for 可以绑定数据到数组来渲染一个列表。

		<div id="app">
			<ul>
				<li v-for="(item,index) in list">{
   {
   item}}</li>//遍历数组：第一个参数是值，第二个是下标
			</ul>
			<ul>
				<li v-for="item in user">{
   {
   item.name}}</li>//遍历数组对象：因为每个元素是一个对象获取里面的属性用"item.name"的形式
			</ul>
			<ul>
				<li v-for="(value,key) in arr">{
   {
   key +':'+value }}</li>//遍历对象：第一个参数是值，第二个是名称。
			</ul>
		</div>
<script type="text/javascript">
			var vm = new Vue({
   
				el:"#box",
				data:{
   
					list:['html','js','css'],
					user:[
						{
   name:'Tom',age:15},
						{
   name:'Jack',age:10},
						{
   name:'macheel',age:38}
					],
					arr:{
   
						name