1.vue是一套用于构建用户界面的渐进式框架。它易上手,由个人维护,操作元素更方便,简化Dom操作。
2.vue教程:https://www.runoob.com/vue2/vue-tutorial.html
3.形式
new Vue({ //element元素
el:"#name",
data:{//写数据
msg:"hello vue"
}
})
4.实例
<body>
<table border="1" cellspacing="0">
<thead>
<th>编号</th>
<th>名称</th>
<th>单价</th>
</thead>
<tbody>
<tr v-for="(val,index) in arrs">
<td>{{index+1}}</td>
<td>{{val.name}}</td>
<td>{{val.price}}</td>
</tr>
</tbody>
</table>
<script src="1/js/vue.min.js"></script>
<script>
new Vue({
el:"table",
data:{
arrs:[
{name:"apple",price:5},
{name:"banana",price:4},
{name:"orange",price:7}
]
}
})
</script>
</body>