Vue 学习笔记：数组和对象的更新检测（二）

1、数组

 ①变异方法：会改变原有数组的状态：

 ②替换数组：不会改变原数组，但是会返回一个新的数组：

• push()
• pop()
• shift()
• unshift()
• splice()
• sort()
• reverse()
• filter()
• concat() 
• slice()

 <ul>
      <li v-for="(item,index) in arr" :key="index">{{item}}</li>
 </ul>
 <button @click="addArr">点击添加</button>

 addArr(){
    //this.arr.push('小红红')
      this.arr.concat('小红红')
 }

2、响应式对象中添加：this.$set(this.对象名,"key","value")；

   <ul>
        <li v-for="(value,key,index) in obj" :key="index">{{key}}:{{value}}</li>
   </ul>
   <button @click="xaddObj">响应式对象添加</button>


    xaddObj(){
          this.$set(this.obj,"sex","女")
    }