在Vue组件中，反应式依赖和非反应式依赖有什么不同？

Question

在Vuejs guide中，

反应式依赖和非反应式依赖之间的区别是什么？

Answer 1

在computed属性函数中使用的数据和属性是它的依赖项。

反应性依赖是那些可观察到的依赖，比如data属性或Vuex状态。

非反应性依赖可以是一个简单的变量，或者是来自本地存储的东西。例如

const someArray = [1, 2, 3]
export default {
  data: () => ({ foo: 'foo' }),
  computed: {
    FOO () {
      return this.foo.toUpperCase() // data property "foo" is a reactive dependency
    },
    firstArrayValue () {
      return someArray[0] // variable "someArray" is a non-reactive dependency
    }
  }
}