Vue中数组的响应方式

改变DOM绑定的数据时，DOM会动态的改变值。数组也是一样的

但是对于动态变化数据，有要求，不是任何情况改变数据都会变化

            methods: {
                btn1() {
                    //1.push在最后添加元素
                    this.letters.push('f')
                    //2. pop() 删除最后一个元素
                    this.letters.pop()
                    //3. shift() 删除第一个元素
                    this.letters.shift()
                    //4. unshift() 添加在最前面, 可以添加多个
                    this.letters.unshift('aaa', 'bbb', 'ccc')
                    //5. splice(): 删除元素 / 插入元素 / 替换元素
                    splice(1, 1) //在索引为1的地方删除一个元素, 第二个元素不传， 直接删除后面所有元素
                    splice(index, 0, 'aaa') //再索引index后面删除0个元素， 加上 'aaa',
                        splice(1, 1, 'aaa') //替换索引为1的后一个元素为 'aaa'
                    this.letters.splice(2, 0, 'aaa')
                    //6. sort() 排序可以传入一个函数
                    this.letters.sort()
                    //7. reverse() 反转
                    this.letters.reverse()
                }，
                btn2() {
                    this.letters[0] = 'f'
                }
            }

1.btn2按钮是通过索引值修改数组的值，这种情况，数组letters变化，DOM不会变化

2.而数组的方法，例如push()、pop()、shift()、unshift()、splice()、sort()、reverse()等方法修改数组的数据，DOM元素会随之修改。

3.还可以改变其引用类型重新赋值改变

                btn2() {
                    this.letters=['a','b','dd','d','e']
                }