<html>
head>
script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</bodydiv id="app">
ul>
li v-for="(item,index) in arr">
索引：{{index}}，值：{{item}}
li="item in arr2"
{{item.color}}
input type="button" @click="add" value="添加颜色"="remove"="移除颜色"div
var app = new Vue({
el: '#app',data: {
arr: ['mike','bob','tom','jack'],arr2: [{ color: 'red' },{ color: 'blue' },{ color: 'yellow' }],},methods: {
add: function () {
//添加一个元素
this.arr2.push({ color: 'black' });
},remove: function () {
//移除左边第一个元素
this.arr2.shift();
},})
>
服务热线 19970861797
