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>