push
pop
shift
unshift
splice
sort
reverse
- {{ item.message }}
#
var example = new Vue({
el: '#example',
data: {
items: [
{message: 'Foo' },
{message: 'Bar' },
{message: 'Baz' }
],
addValue:{message:'match'}
},
methods:{
push(){//接收任意数量的参数,把它们逐个添加到数组末尾,并返回修改后数组的长度
this.items.push(this.addValue)
},
pop(){//从数组末尾移除最后一项,减少数组的length值,然后返回移除的项
this.items.pop()
},
shift(){//移除数组中的第一个项并返回该项,同时数组的长度减1
this.items.shift()
},
unshift(){//在数组前端添加任意个项并返回新数组长度
this.items.unshift(this.addValue)
},
splice(){//删除原数组的一部分成员,并可以在被删除的位置添加入新的数组成员
this.items.splice(0,1)
},
sort(){//调用每个数组项的toString()方法,然后比较得到的字符串排序,返回经过排序之后的数组
this.items.sort()
},
reverse(){//用于反转数组的顺序,返回经过排序之后的数组
this.items.reverse()
},
}
})