vue未跟踪的是什么

Vue未跟踪的是非响应式数据。

在Vue中，响应式数据是指可以被Vue实例跟踪和自动更新的数据。Vue可以通过劫持对象的属性来追踪数据的变化，并自动更新相关的视图。这可以让开发者更方便地管理数据和视图之间的绑定关系，提高开发效率。

然而，并非所有的数据都可以被Vue跟踪和自动更新。以下是一些Vue无法跟踪的数据类型：

1. 数组索引：Vue无法跟踪数组中通过索引直接修改的数据。例如，通过arr[0]=newValue直接修改数组中的某一项，并不会触发视图的更新。开发者需要使用Vue提供的数组方法来修改数组数据，以确保数据的变化能够被Vue跟踪。

2. 新增属性：Vue无法跟踪已经创建的对象的新增属性。只有在创建Vue实例时已经存在的属性才会被Vue追踪。如果需要在运行时给对象添加新的属性，并希望Vue能够跟踪这些属性的变化，可以使用Vue提供的set方法来实现。例如，Vue.set(obj, 'newProp', 123)。

3. 对象或数组的赋值：Vue无法跟踪通过赋值语句修改整个对象或数组的引用的情况。例如，通过obj = newObj直接修改对象的引用，并不会触发视图的更新。如果需要修改整个对象或数组，并希望Vue能够跟踪这些变化，可以使用Vue提供的方法来完成。例如，Vue.set(obj, 'key', value)或者使用数组的splice方法。

需要注意的是，尽管Vue无法自动追踪上述情况下的变化，但依然可以通过手动调用Vue的更新方法来强制更新视图。可以使用$forceUpdate方法或者调用组件的强制更新函数来触发视图的更新。

总而言之，Vue无法跟踪的是那些对响应式数据进行非响应式操作的情况，开发者需要注意这些情况，以避免数据和视图不同步的问题。

Vue未跟踪的主要是一些数据变动操作，包括但不限于以下几个方面：

1. 手动改变数组长度：当使用Array的length属性改变数组的长度时，Vue无法跟踪到这种变动。例如，使用Array的push()方法或splice()方法改变数组中的元素可以被Vue跟踪到，但使用length属性改变数组的长度时，Vue无法检测到数组的变化。

2. 直接通过下标改变数组元素：如果直接通过数组的下标改变数组元素的值，Vue也无法跟踪到这种变动。例如，通过arr[0]=newVal的方式改变数组元素的值，Vue无法检测到数组的变化。

3. 在对象上添加新属性：如果在已经被Vue监测的对象上添加新的属性，Vue无法跟踪这个新属性的变化。这是因为Vue只能在创建实例时就已经对对象的属性进行了劫持，对于后来添加的属性是没有办法监测到的。

4. 使用Vue.set()或vm.$set()方法操作对象或数组：当通过Vue.set()或vm.$set()方法来操作对象或数组时，Vue能够跟踪到这些变动。这些方法会告诉Vue去添加监听新属性，并触发视图的更新。

5. 对于嵌套的数据结构，只有当根数据发生变化时，Vue才能跟踪到内部的变化。例如，如果有一个数组中的对象属性发生变化，Vue无法直接跟踪到这个内部对象的变化，除非修改了数组本身。

总之，Vue能够自动跟踪的是通过Vue提供的特定方法对数据进行修改的操作，而对于一些特殊操作或手动改变数据的方式，Vue是无法跟踪到这些变动的。在这些情况下，我们需要使用一些特定的方法来告诉Vue进行特殊处理，以确保视图能够正确地更新。

Vue未跟踪的是"非响应式属性"。在Vue的响应式系统中，Vue会追踪每个响应式属性的变化，并在属性发生变化时更新相关的视图。这使得开发者能够方便地实现数据驱动的应用。

然而，并不是所有的属性都会被Vue追踪。Vue只会对预先定义的响应式属性进行追踪，也就是在组件实例化时已经存在的属性。这些属性通常通过data选项或props选项进行声明。当这些属性的值发生变化时，Vue会自动触发组件的重新渲染。

下面介绍一些Vue中未跟踪的情况：

1. 动态添加的属性：Vue只会追踪组件实例化时已经定义的属性。如果在之后动态地添加新的属性，Vue不会对这些属性进行追踪。这意味着这些属性的变化不会触发组件的重新渲染。

// 在组件实例化时定义的属性（可以被追踪）
data() {
  return {
    name: 'Vue'
  }
}

// 动态添加的属性（不会被追踪）
methods: {
  addProperty() {
    this.$set(this, 'age', 20)
  }
}

2. 数组下标的变化：当修改数组下标时，Vue也无法追踪这些变化。只有一些特定的数组方法（例如push，pop，splice等）被重写为响应式的方法，才能触发视图的更新。

data() {
  return {
    list: ['a', 'b', 'c']
  }
}

methods: {
  changeIndex() {
    // 数组下标变化（不会触发视图更新）
    this.list[0] = 'c'
    this.list[2] = 'a'
  },
  changeItem() {
    // 使用Vue提供的重写的数组方法（会触发视图更新）
    this.list.splice(0, 1, 'c')
    this.list.splice(2, 1, 'a')
  }
}

3. 对象属性的变化：当修改对象属性时，Vue会跟踪这些变化。但是，如果直接给对象添加新的属性，Vue不会跟踪这些属性的变化。

data() {
  return {
    person: {
      name: 'Alice',
      age: 18
    }
  }
}

methods: {
  changeProperty() {
    // 修改对象属性（会触发视图更新）
    this.person.name = 'Bob'
    this.person.age = 20
  },
  addProperty() {
    // 添加新的属性（不会触发视图更新）
    this.person.gender = 'male'
  }
}

综上所述，Vue未跟踪的是非响应式属性，包括动态添加的属性、数组下标的变化、直接给对象添加新的属性等。为了确保属性的变化能够触发视图的更新，开发者需要正确地使用Vue提供的API来操作数据。