Vue.js_24_数组中的常用方法

本系列博客汇总在这里：Vue.js 汇总

检测数组更新

• 一、说明
• 二、数组中那些方法是相应式的
• • 1、push()
  • 2、pop()
  • 3、shift()
  • 4、unshift()
  • 5、splice()
  • 6、sort()
  • 7、reverse()
  • 8、注意

 

---

源码工程文件为：

一、说明

因为 Vue 是响应式的，所以当数据发生变化时，Vue 会自动检测数据变化，视图会发生对应的更新。

二、数组中那些方法是相应式的

Vue 中包含了一组观察数组编译的方法，使用它们改变数组也会触发视图的更新。

1、push()

在末尾添加元素，可以一次性添加多个。

2、pop()

删除最后一个元素。

3、shift()

删除第一个元素。

4、unshift()

在开头添加元素，可以一次性添加多个。

5、splice()

splice() 作用可以是删除元素、插入元素或者替换元素。

6、sort()

排序。

7、reverse()

反转。

8、注意

通过索引修改数组中的元素不是响应式的。

如有错误，欢迎指正！