vue里什么样的数据不会更新

在Vue中，如果一个数据是响应式的，那么它的变化会触发视图的更新。大多数情况下，Vue能够自动检测数据的变化并更新视图。然而，有一些情况下，数据的变化不会触发视图的更新。

1. 如果是使用Vue.set()或this.$set()方法添加的新属性，那么这个属性的变化不会触发视图的更新。例如：

// 创建一个响应式的数据对象
data() {
  return {
    obj: {
      name: "Tom"
    }
  }
},

// 添加一个新属性age
created() {
  this.$set(this.obj, 'age', 18);
},

// 修改属性age的值
methods: {
  changeAge() {
    this.obj.age = 20;
  }
}

在上面的例子中，当调用changeAge方法修改obj对象的age属性时，视图不会更新。因为age属性是在created钩子函数中使用Vue.set()方法添加的。

2. 如果是使用索引直接修改数组中的元素，那么这个变化不会触发视图的更新。例如：

// 创建一个响应式的数据对象
data() {
  return {
    array: ['a', 'b', 'c']
  }
},

// 修改数组中的元素
methods: {
  changeItem() {
    this.array[0] = 'x';
  }
}

在上面的例子中，当调用changeItem方法修改数组中的第一个元素时，视图不会更新。因为修改数组元素的方式没有被Vue识别到。

为了解决以上问题，可以使用Vue.set()或this.$set()方法来添加新属性或修改数组元素，以保证数据的变化能够触发视图的更新。例如：

// 添加一个新属性
this.$set(this.obj, 'age', 18);

// 修改数组中的元素
this.$set(this.array, 0, 'x');

在Vue中，绑定到视图的数据通常会在发生更改时自动更新视图。然而，有一些特殊情况下，数据不会被更新。下面是一些不会更新的情况：

1. 静态数据：如果数据被声明为静态，即一旦定义后不会发生更改，那么Vue不会更新视图。例如，定义在Vue的data选项中的常量值不会被更新。

2. 对象属性的添加或删除：在Vue中，当给一个对象添加或删除属性时，视图不会自动更新。这是因为Vue在实例化时会对data选项中的对象进行响应式处理，只能对已经存在的属性进行监视。如果需要动态添加或删除属性，可以使用Vue.set()或Vue.delete()方法来触发视图更新。

3. 数组下标的变化：如果改变数组某个元素的索引，而不是它的值本身，视图也不会自动更新。这是因为Vue的响应式机制是通过改变数组的方法来实现的，如push()、pop()、splice()等。如果通过直接改变索引的方式来修改数组元素的位置，Vue无法感知到这个变化，因此视图不会更新。

4. 使用非响应式的数据：如果将一个非响应式的数据绑定到视图中，那么它的更改也不会触发视图更新。例如，使用普通的JavaScript对象作为Vue实例的属性，而不是使用data选项中的数据。这样的数据不会被Vue的响应式系统跟踪，因此无法更新视图。

5. 在created钩子之后更改：当Vue实例的created钩子完成之后，对数据的更改不会自动触发视图的更新。这是因为created钩子执行时，Vue实例已经完成了响应式数据的初始化，此后的更改不会被自动监听。如果需要在created之后更新视图，可以手动调用$nextTick()方法或使用Vue.nextTick()函数来延迟代码执行，以确保视图已经更新。

需要注意的是，虽然在上述情况下数据不会被自动更新，但是可以通过一些特殊的方法来强制触发视图的更新，如使用Vue.set()、Vue.delete()或手动调用$forceUpdate()方法。

在Vue中，有一些特定类型的数据变动不会触发视图的更新。具体而言，具有以下特性的数据不会引起视图的更新：

1. 对象属性的添加或删除：如果给一个对象添加新属性或删除已有属性，Vue无法检测这个变动。因为Vue在初始化实例时会将响应式数据进行递归处理，并将其转化为getter和setter来追踪变化，但是在属性的添加或删除操作上，Vue无法自动追踪变化。

解决方法：

• 可以使用Vue提供的Vue.set(object, key, value)方法向对象中添加响应式的新属性。
• 或者使用Object.assign()方法将新的属性合并到对象中，然后再给对象赋值。

2. 数组索引的直接赋值：直接通过索引给数组中的某个元素赋值，Vue无法正确地检测变化，因为改变索引的值并不会触发数组的更新机制。

解决方法：

• 可以使用Vue提供的Vue.set(array, index, value)方法修改数组中的元素值。
• 或者使用数组的改变方法，如splice()、push()、pop()等。

3. 使用Object.freeze()方法冻结对象：如果对象被Object.freeze()方法冻结后，Vue将无法对对象做出响应式的追踪及更新操作。任何属性的变动都无法引起视图的重新渲染。

解决方法：

• 避免使用Object.freeze()来冻结对象，如果确实需要冻结一部分对象，可以考虑使用Object.assign()方法来创建新的对象，然后冻结该对象。

需要注意的是，上述情况只会在变动发生时导致视图不会更新，但如果在其他操作中引发了视图更新，上述情况下的数据仍然会被更新。同时，可以通过手动调用Vue.set()或者使用this.$forceUpdate()方法来强制更新视图。