vue中响应式的数组方法

<div id="app">
  <ul>
    <li v-for="item in arr">{{item}}</li>
  </ul>
  <button @click = "change">按钮</button>
</div>
<script src="js/vue.js"></script>
<script>
  const app = new Vue({
    el:'#app',
    data:{
      arr:['a','b','c','d']
    },
    methods:{
      change(){
        this.arr.push('e','f')
      }
    }
  })
</script>

点击按钮后直接在页面上添加元素

2.pop():删除最后一个元素
3.shift():删除第一个元素
4.unshift():数组的开头添加一个或多个元素，并返回新的数组
5.splice():添加、删除或者替换元素
// 删除:如果第二个元素大于零，就是删除几个元素，如果没有传，则删除后面的所有元素
// this.arr.splice(1,1)
// 添加:第二个元素，表示替换几个元素，后面的参数表示替换前面的元素

 this.arr.splice(1,0,'aaaaa','bbbbb')

// 替换:第二个元素，表示替换几个元素，后面的参数表示替换前面的元素

  this.arr.splice(1,2,'eee','fffff')