lo1
功能显现
- book
- car
- pencil
控制台操作
- app.arr.push(“洋娃娃”)，在数组后面新增一个；
- app.arr.pop(),将数组的最后一个元素移除；
- app.arr.shiift(),删除数组的第一个元素；
- app.arr.unshift("橡皮糖"),在第一个元素位置添加一个元素；
- app.arr.splice()返回删除的元素.第1参数：开始操作的位置；第2参数：要操作的长度;第3参数：可选参数。
- app.arr.splice(1,1),从car开始删除，删除一个，所以删除car；剩下book和pencil；
- app.arr.splice(0,0,"Alice");从0开始，把Alice添加到第一位；
- app.arr.splice(1,0,"tom","abc");从1开始，按序添加内容。
- app.arr.sort();排序，但是要在括号内指定排序规则；reverse()反转； 按数组成员的长度进行排序，在sort中指定一个function： 1
<div id="#app">
<button @click = "SortArr">点我排序</button>
<button @click = "reserveArr">点我反转</button>
</div>
<script>
var app = new Vue({
el:"app",
data:{
arr:['book','pen','pencil']
},
methods:{
sortArr:function(){
this.arr.sort(function(a,b){
//从小到大排序
return a.length -b.length;
若从大到小排序：
return b.length -a.length;
});
}，
reverseArr：function（）{
this.arr.reverse();
}
}
})
</script>
改变数组的制定项
<div @click = "changeOne">改变数组的指定项</div>
<div @click = "changeArrayLength">改变数组的指定项</div>
<script>
var app = new Vue({
el:"#app",
methods:{
changeOne:function(){
this.arr[0]="car";},//改变指定项，这样做没反应
changeArrLength:funvtion(){
this.arr.length = 1 ;
}
}}
})
//改变数组的第一项
Vue.set(app.arr,1,car);(找到这个数组，指定的第几项，添加的内容)//这样才可以。
//改变数组的长度
app.arr.splice(0);从第0个开始删除；
app.arr.splice(1);从第一个开始删除；
</script>
