[JavaScript知识库]Vue非响应式情况

响应式系统：正确操作数据层（M层），视图层（V层）会发生变化，会响应。但是如果出现一些非法操作，M层发生变化，但V层不响应，下面我们就说说有哪几个情况

1.? 对数组使用了非变异方法

? ? ? ? 修改了原数组：变异

? ? ? ? 没有修改原数据，而是返回了新数组：非变异

有哪些数组方法式非变异方法呢？

有：arr.map()? , arr.filter()? ,? arr.slice()? ,? arr.concat??

?2.? 修改了数组的长度

3.修改了数组根索引上的值 （根索引）? arr[0]

4.? ?给对象添加了不存在的属性?

?建议：不要修改数组的根键,不要修改数组的长度,数据一开始都要声明在data选项内部，不要对数组使用非变异的api

如果不小心使用了，想偷懒，有以下几种解决方法，但是建议不要偷懒！！！

1. Vue.set(数组|对象, index, value)

2. vm|this.$set(对象, key, value)

3. this.$forceUpdate()? ? ? ? ? 强制刷新

4. this|vm.$mount('#app')? ? ? ? ? 再次获取元素，将元素的的html内容替换掉