Vue 15 v-for指令
<div id="app">
<input type="button" value="添加数据" @click="add">
<input type="button" value="删除数据" @click="remove">
<ul>
<li v-for="item in arr">
广东技术师范大学：{{item}}
</li>
<li v-for="(item,index) in arr">
{{index+1}} 广东技术师范大学：{{item}}
</li>
</ul>
<h2 v-for="item in friut" v-bind:title="item.name">
{{item.name}}
</h2></div>
<script type="text/javascript">
var vues = new Vue({
el:"#app",
data:{
arr:["北京","上海","广州"],
friut:[{name:"苹果"},{name:"香蕉"},{name:"葡萄"}] },
methods: {
add:function(){
this.friut.push({name:"芒果"})
},
remove:function(){
this.friut.shift();
}}
})
</script>