VUE的list渲染

页面视图：

	<div id="list" class="list">
	
		
		<table class="table table-bordere">
			<tr><th>序号</th>
							<th>名称</th>
							<th>编辑</th>
			</tr>
			<tr v-for="item in list" :key="item.id">
				<td>{{item.id}}</td>
				<td>{{item.name}}</td>
				<td><a href="#">删除</a></td>
			</tr>
		</table>
		
	</div>

<script>
	export default{
		name:'list',
		data(){
			return{
				list:[
					{id:1,name:'css进阶'},
					{id:2,name:'css3进阶'},
					{id:3,name:'Javascript实战'},
					{id:4,name:'HTML基础'},
					{id:5,name:'flash制作'}
				]
			}
		},

		
	}
	}
	
</script>