在vue2中 数组的以下操作 只能更改数据 但是视图不能更新

1.如果想根据数组索引通过赋值改变该索引下的值，则数据改变，视图不更新
2.如果通过赋值改变数组长度，则数据改变，但视图不更新
3.直接赋值为空数组

data(){
  color:['oen','green','new']
mounted(){
  this.color[1] = 'red' // 数据改变，但视图不更新
  this.color.length = 2 //  数据改变，但视图不更新
  this.color= []
  // 使用set方法
  this.$set(this.color,1,'red') // 数据改变，视图更新
  this.color.splice(2) // 长度改变，视图更新
  this.color.splice(0, this.color.length) // 清空数组 视图更新
vue2中清空数组更新视图可以这么干
 
 
this.color.splice(0, this.color.length) // 清空数组 视图更新
 
这里的splice方法是vue内置处理过的 可以响应式
				
vue中数组的操作总结： 
一、根据索引设置元素： 
1、调用$set方法：this.arr.$set(index, val);2、调用splice方法：this.arr.splice(index, 1, val);二、合并数组：this.arr = this.arr.concat(anotherArr);三、清空数组：this.arr = [];四、主要的数组方法： 
1、变异方法（修改了原始数组
							通过setter实现监视，且要在new Vue时就传入要监测的数据。
								(1).对象中后追加的属性，Vue默认不做响应式处理
								(2).如需给后添加的属性做响应式，请使用如下API：
												Vue.set(target，propertyName/index，value) 或 
												vm.$set(target，p..
				
列表渲染 — Vue.jsVue.js - The Progressive JavaScript Frameworkhttps://cn.vuejs.org/v2/guide/list.html#%E6%B3%A8%E6%84%8F%E4%BA%8B%E9%A1%B9
this.$forceUpdate() // 强制刷新
Vue.set(Array,index,newValue)
// vue本身可以监听到数组的一些方法,例如:
// push(),pop(),s...
				
Vue.js 通常会自动检测数组变化并更新视图，但是有一些情况下需要手动触发视图更新。以下是一些可能导致视图不更新的原因和对应的解决方法：
1. 直接修改数组的某个元素，而不是使用 Vue.js 提供的数组方法：Vue.js 只能监听到数组的变化，而不能监听到数组中某个元素的变化。因此，需要使用 Vue.js 提供的数组方法来修改数组，例如 push、pop、shift、unshift、splice 等。
2. 在对象中添加新的属性：与上述情况类似，Vue.js 只能监听到已存在的属性的变化，而不能监听到新属性的添加。可以使用 Vue.set 或者 this.$set 方法来添加新属性。
3. 在 computed 或者 watch 中使用原始数组，而不是计算属性：如果在计算属性或者 watch 中使用原始数组，那么 Vue.js 将无法监听到数组变化，从而导致视图不更新。可以使用计算属性来返回处理过的数组，然后在模板中使用计算属性。
4. 在异步更新数组后，没有手动触发视图更新：如果数组是在异步操作中更新的，那么可能需要手动触发视图更新。可以使用 this.$forceUpdate 方法来强制更新视图。
希望这些解决方法能够帮助你解决问题！
            rollup打包vue文件报错[!] (plugin commonjs--resolver) RollupError:xxxx,src/test.vue?vue&type=template&id=0f
            数据结构和算法之快速排序