Vue监测数组的修改,是靠 包装数组中 常用的修改数组的方法 来实现的。
Vue包装了7个操作数组方法:push、pop、shift、unshift、splice、reverse、sort。它们的作用分别是:
- push():向数组末尾添加元素。
- pop():删除数组末尾元素。
- shift():删除数组第一个元素。
- unshift():像数组首部添加元素。
- splice():删除、添加、替换元素。
- reserve():反转数组。
- sort():对数组进行排序。
这7个数组方法,是被Vue重写过的,它会做两件事:
先调用Array原型对象上的push。
重新解析模板,生成虚拟DOM。