vue:
(element:元素)
vue:1.vue 2.Angualar 3.React
一个vuede 基本格式
<div id='itany'>
{{msg}}
{{arr}}
{{obj}}
</div>
<script src=''></script>
<script>
new Vue({
el:'#itany',
data:{
msg:'hello word' ,
arr:[1,2,3],
obj:{}
}
})
</script>
vue的一些用法
<ul>
<li v-for="val in arr">{{val}}</li>
<li v-for="val in obj">{{val}}</li>-->
<!-- <li v-for="(val,index) in arr">{{index}}-{{val}}</li>
<li v-for="(val,index) in obj">{{index}}-{{val}}</li>
<table border="1" cellspacing="0">
<thead>
<tr>
<th>名字</th>
<th>名字</th>
<th>名字</th>
</tr>
</thead>
<tbody>
<tr v-for="(value,index) in arrs">
<td>{{index+1}}</td>
<td>{{value.sex}}</td>
<td>{{value.age}}</td>
</tr>
</tbody>
</table>
</ul>
生成的结果
表格基本元素
<table border="1" (cellpadding:'0') cellspacing'0'>
<thead>
<tr>
<th>
</th>
</tr>
</thead>
<tbody>
</tbody>
</table>