Vue数组更新相关方法和过滤与排序的使用

Vue将被监听的数组进行了包裹，他们会触发视图更新，被包裹的方法包括：push(),pop(),shift(),unshift(),splice(),sort(),reverse().

顺便提一下用于过滤数据的方法filter()

1.push()

向数组末尾添加任意数量数据，并返回修改后数组的长度。有两种方式：

eg1：通过v-on指令，绑定add方法，在add方法里使用push()

 eg2.

直接在标签里调用push方法

result：

 eg3.

在控制台添加数据：打开控制台并切换到Console选项输入 vue对象名.数组名称.push("要插入的数据")，enter回车

---

2.pop()

3.shift()

移除数组开头的元素

 

---

4.unshift()

在数组开头插入元素

eg.

 

 

---

5.splice()

根据索引删除对应的元素，格式：splice(元素的索引位置，要删除的个数)

也可以用来插入数据！格式：splice(元素索引位置，删除元素的个数，“插入后的值”)

eg1.

eg2.

 

6.sort()

7.reverse()

---

8.filter()

eg.筛选出对象数组中price不小于五百的数据

methods:{
    prices:function(){
        return this.list.filter(function(list){
            return list.price>=500;
        })
    }
}

---

还有一些空着的不想写了。。。以后有遇到再补充。。。