npm install vue 下载vue；
npm install jquery 下载jquery。
前端流行的三种框架：①vue ②angular ③react
vue是最容易学习的，是有个人维护的，操作元素最方便、简化。
<div id='itany'>
{{msg}}
</div>
<script src="js/vue.js"></script>//倒入插件’
<script>
new Vue({ //element元素
el:'#itany',
data:{//写数据
msg:'hello vue'
}
})
<div id="itany">
<ul>
循环数组：
<li v-for='value in arr'>{{value}}</li>
循环数组的索引：
<li v-for='(val,index) in arr'>{{index}}<={{val}}</li>
循环数组中的对象：
<li v-for='val in arrs'>{{val.num}}{{val.name}}{{val.age}}</li>
循环对象：
<li v-for='value in obj'>{{obj}}</li>
循环对象中的键：
<li v-for='(value,ind) in obj'>{{ind}}<={{value}}</li> </ul> </div>
<script src='vue.js'></script>
<script>
new Vue({
el:'#itany',
data:{//书写数据
arr:[1,2,3,4,5,6]
arrs：[
{num：1，name：苹果，age：3}，
{num：2，name：香蕉，age：4}，
{num：3，name：草莓，age：5}，
]
obj：{name：hei，age：20}
}
})
</script>
eg:
①：
*
1
*
2
*
3
*
4
*
5
*
6
②：
*
0->1
*
1->2
*
2->3
*
3->4
*
4->5
*
5->6
③：
*
1苹果3
*
2草莓4
*
3葡萄5
④：
{ "name": " hei", "age": 20 }
⑤：
*
name- hei
*
age-20
用v-for建立表格:
<div id="itany">
<table border="1" cellspacing="0">
<thead>
<tr>
<th>编号</th>
<th>名称</th>
<th>单价</th>
</tr>
</thead>
<tbody>
<tr v-for='value in arrs'>
<td>{{value.num}}</td>
<td>{{value.pname}}</td>
<td>{{value.price}}</td>
</tr>
</tbody>
</table>
</div>
<script src='js/vue.js'></script>
<script>
new Vue({
el:'#itany',
data:{
arr:[
{num:1,pname:'苹果',price:2},
{num:2,pname:'香蕉',price:3},
{num:3,pname:'草莓',price:5}
]
}
})
</script>
