Vue Computed: 什么时候 初始化？
在 Vue.js 中，计算属性（computed properties）是一个强大的功能，用于高效地派生数据。但你可能想知道，computed 属性究竟是在什么时候初始化的？
简单来说，computed 属性在第一次被访问时才会初始化。 也就是说，当你第一次在模板中使用 computed 属性时，Vue.js 会执行相应的计算逻辑并缓存结果。之后每次访问该属性，Vue.js 都直接返回缓存的结果，除非依赖的属性发生了变化。
但是，computed 属性的初始化时间并不是固定的，它会受到一些因素的影响：
1. 依赖的属性是否已经初始化
computed 属性依赖于其他数据属性，只有当所有依赖的属性都已初始化后，computed 属性才会被初始化。
示例：
{{ computedValue }}
在这个例子中，computedValue 依赖于 value1 和 value2 两个属性。只有当 value1 和 value2 都被初始化后，computedValue 才会被初始化并计算结果。
2. computed 属性是否被使用
如果 computed 属性从未在模板或组件逻辑中被使用，它将不会被初始化。
示例：
在这个例子中，computedValue 不会被初始化，因为它从未被使用。
3. watch 属性的触发
如果 computed 属性被 watch 属性所监视，当依赖的属性发生变化时，computed 属性也会被重新初始化。
示例：
在这个例子中，computedValue 会在 value1 发生变化时被重新初始化，即使它之前已经被初始化过。
总结
Vue computed 属性在第一次被访问时才会初始化，并缓存结果。 它会受到依赖的属性是否初始化、是否被使用以及 watch 属性的触发等因素的影响。
了解 computed 属性的初始化时间对于优化性能至关重要。 如果你的 computed 属性依赖于一些大型或复杂的计算，你可以通过延迟初始化来提高性能，例如在需要的时候手动触发 computed 属性的计算。
此外，如果你需要在组件生命周期中对 computed 属性进行特殊处理，可以使用 mounted 或 created 生命周期钩子。