vue操作数组时遇到的坑

用vue操作数组时，一般就那几个方法，而且是可以渲染的，但是有时候列表是渲染不了的先说下操作数组的几个方法吧

1 push ( )

这个方法是在数组的最后面添加元素

用法:  括号里写需要加入的元素      this.list.push(object)

2 pop（ ）

删除数组中的最后一个元素

用法:  this.list.pop()   括号里不需要参数

3.shift ( )

删除数组中的第一个元素 和pop（）用法一样

4.unshift ( )

在数组的最前面添加元素  和push（）用法一样

*5.splice（ ）

这个用法是挺重要的，它可以用来删除，插入和替换数组中的元素

用法：splice（） 括号中可以有3个参数，第一个是索引值就是从哪个索引开始算起，第二个是长度值，第三个是对象元素

有两个参数的是删除元素，这里的index是一个变量它是索引值，index是多少就删除从index算起长度为一的元素

有三个参数的是替换也就是插入元素，我这里是自己写的对象进行替换

6.注意

实际上我们在操作数组时有时会出现console出来的数据改变了，但是列表没有渲染的问题，我建议大家在对数组进行操作时还是用this.$set()好点

这个是接着上图做的小改变，然而这种方法也没有渲染，因为需要对this.list进行操作才能使列表渲染,像这种写法没什么用

需要重新再来一遍把this.list里的对象再给替换一次，因为我做的功能是一个树形表格，list下面对象还有子节点对象，操作起来比较麻烦