vue计算属性什么时候被调用

Vue的计算属性是一种特殊的属性，它的值是由其他属性的值计算而来的。计算属性的调用时机取决于其所依赖的属性是否发生变化。

当一个计算属性所依赖的属性发生变化时，Vue会自动调用该计算属性的 getter 方法来重新计算属性的值，并将结果缓存起来。当依赖的属性再次发生变化时，计算属性会被立即重新计算。这就保证了计算属性的值是响应式的。

具体来说，计算属性的调用时机有以下几种情况：

1. 初始化阶段：在Vue实例创建时，计算属性会被调用一次，用来初始化计算属性的值。

2. 依赖属性发生变化：当计算属性所依赖的属性发生变化时，计算属性会被重新计算。

3. 手动调用：我们也可以在代码中显式地调用计算属性的 getter 方法来获取其值。

需要注意的是，计算属性的值是基于它所依赖的属性的值计算而来的，而不是基于计算属性的值计算。这意味着计算属性的值是惰性求值的，只有在需要时才会被计算。

综上所述，计算属性会在初始化阶段和依赖属性发生变化时被调用，并且计算属性的值是基于其依赖属性的值计算而来的。

Vue的计算属性是根据依赖关系自动追踪并且缓存的。它会在以下情况下被调用：

1. 当计算属性所依赖的数据发生改变时，计算属性会重新计算并返回新的结果。Vue会检测到依赖的数据发生了变化，并且会在需要读取计算属性的时候重新调用计算属性函数。这意味着如果计算属性所依赖的数据没有发生变化，那么计算属性不会被调用。

2. 当计算属性首次被访问时，它会被计算一次并且将结果缓存起来。之后每次访问计算属性时，Vue会直接返回缓存的结果而不会重新计算。

3. 如果计算属性依赖的数据发生了变化，但是当前组件的其他部分并没有使用到这个计算属性，那么计算属性也不会被调用。

4. 计算属性的结果会被缓存在内存中，只要计算属性所依赖的数据没有发生改变，那么下次访问计算属性时，Vue会直接返回缓存的结果而不会重新计算。这样可以提高性能，避免不必要的计算。

5. 当计算属性所依赖的数据发生多次改变时，Vue会对计算属性进行节流，只会在下一次渲染时重新计算一次。这样可以避免频繁的计算，提高性能。

总结来说，Vue的计算属性会在依赖的数据发生改变时被调用，并且会将结果缓存起来，下次访问时直接返回缓存的结果。这样可以提高性能，避免不必要的计算。

计算属性是 Vue.js 引入的一种特殊属性，它的值是通过计算得出的。
在 Vue 实例中，计算属性的值会根据相关的依赖发生变化而自动更新，且只在依赖发生变化时才会被调用。

计算属性适用于需要根据一些响应式数据来计算得出的值。它可以与表达式和方法的效果相同，但是计算属性是基于依赖进行缓存的，只有相关依赖发生改变时才会重新计算，而不是每次访问计算属性时都会再次计算。

下面介绍一下计算属性被调用的时机：

1. 在加载页面时，计算属性会被调用一次。因为计算属性的值可能会被模板中的表达式或其他计算属性所依赖。

2. 计算属性的依赖发生变化时，会重新计算。当计算属性所依赖的响应式数据发生变化时，计算属性会被重新计算。这样可以确保计算属性的值始终是最新的。

3. 访问计算属性时，如果计算属性的依赖没有发生变化，则不会重新计算。计算属性的值会被缓存起来，只有计算属性的依赖发生变化时才会重新计算。

综上所述，计算属性会在页面加载时被调用一次，且在计算属性的依赖发生变化时会重新计算。对于频繁访问的计算属性，使用计算属性可以提高性能和代码的可读性。