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


源码工程文件为:

一、说明

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

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

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

1、push()

在末尾添加元素,可以一次性添加多个。
Vue.js_24_数组中的常用方法_响应式

2、pop()

删除最后一个元素。
Vue.js_24_数组中的常用方法_Vue.js_02

3、shift()

删除第一个元素。
Vue.js_24_数组中的常用方法_数组_03

4、unshift()

在开头添加元素,可以一次性添加多个。
Vue.js_24_数组中的常用方法_数组_04

5、splice()

splice() 作用可以是删除元素、插入元素或者替换元素。
Vue.js_24_数组中的常用方法_数据_05

6、sort()

排序。
Vue.js_24_数组中的常用方法_Vue.js_06

7、reverse()

反转。
Vue.js_24_数组中的常用方法_vue_07

8、注意

通过索引修改数组中的元素不是响应式的。
Vue.js_24_数组中的常用方法_数据_08

如有错误,欢迎指正!