vue的watcher 关于数组和对象

数组

不能被监听到的情况

1、直接下标赋值（但对象直接修改原有属性值可以渲染视图，虽然也监听不到）

2、修改数组length

解决方法：

this.$set(this.arr,index,val)

push或splice等修改原数组的方法

直接赋值数组

对象

不能被监听的情况

1、直接修改、添加、删除属性（修改虽然监听不到，但可以重新渲染视图，删除、添加不会重新渲染视图；设置deep:true则修改原有属性可以监听，添加或删除原有属性依旧监听不到）

2、this.$set()修改原有属性

解决方法：

1、obj:{

　　handler(){},

　　deep:true

}

2、this.$set()添加、this.$delete()删除属性

3、直接重新赋值对象

　　　this.obj=Object.assign({},this.obj,{lover:'song'})

4、活用computed

https://cn.vuejs.org/v2/guide/list.html#%E6%B3%A8%E6%84%8F%E4%BA%8B%E9%A1%B9