HTMl部分
<span v-for="(num,index) in arr"><button @click="remove(index)">{{num}}</button><span v-if="index!=arr.length-1">---</span></span>
<button @click="add">add</button>
<button @click="removeLast">removeLast</button>
<button @click="removeFirst">removeFirst</button>
<button @click="addAtFirst">addAtFirst</button>
<button @click="splice">splice</button>
<button @click="sort">sort</button>
<button @click="filter">filter</button>
data部分
data(){
return{
msg: 'This is my first vue project',
firstNum: 0,
secondNum: 0,
kilometers : 0,
meters:0,
arr: [2,4,6,9,11,5,10],
}
}
methods部分
push()添加一个元素
add(){
this.arr.push(1)
}
pop() 删除最后一个元素
removeLast(){
this.arr.pop()
}
shift() 删除第一个元素
removeFirst(){
this.arr.shift()
}
unshift() 添加一个元素到数组最前面
addAtFirst(){
this.arr.unshift(1)
}
splice()替换、删除、插入
// 第一个参数:数组下标,替换开始位置
// 第二个参数:原数组中需要替换元素数量
// 第三个参数-第n个参数:item,数组的新元素
splice(){
this.arr.splice(1,2,6,4)
}
sort() (升序)、reverse() (降序)
filter()过滤
filter(){
this.arr = this.arr.filter((n)=>{
return n%2===0
})
}