vue中computed什么时候执行

在Vue中，computed属性是根据它所依赖的响应式数据的变化来实时计算得出的属性。computed属性是在模板中使用时动态地计算出值，而且会缓存计算结果，只有在相关响应式数据发生变化时才会重新计算。

具体来说，computed属性的计算发生在以下情况下：

1. 初始化阶段：当Vue实例创建时，computed属性会被初始化并计算一次。这意味着，如果computed属性的依赖数据没有发生变化，那么计算结果将会被缓存，可在多次访问时重复使用。

2. 响应式数据变化：当computed属性的依赖数据发生变化时，computed属性会重新计算并更新。Vue通过依赖追踪的方式，自动跟踪computed属性所依赖的响应式数据，当这些数据发生变化时，computed属性会相应地进行计算更新。

需要注意的是，computed属性只有在访问时才会执行计算，而不是每次响应式数据变化时都进行计算。这是因为Vue能够智能地判断computed属性的依赖关系，并且只重新计算受影响的computed属性。这种优化策略能够提高性能，避免不必要的计算。

总结起来，computed属性是在Vue初始化阶段和响应式数据变化时执行计算的。通过合理地使用computed属性，我们可以方便地实现一些对响应式数据进行计算和操作的功能，而无需手动监听数据的变化。

在Vue中，computed属性是一种动态计算的属性，它会根据其依赖的响应式数据自动更新。当依赖的数据发生改变时，computed属性会重新计算其值。那么computed属性在什么时候执行呢？

1. 初始化阶段：在组件初始化的过程中，computed属性会被初始化并执行一次。这意味着组件的创建阶段会先执行computed属性的getter函数，以获取初始的值。

2. 依赖改变时：computed属性会侦听它所依赖的数据，当任一依赖发生改变时，computed属性会重新执行getter函数。这也是computed属性最主要的执行时机。

3. 计算属性被访问时：当模板或组件中访问computed属性时，它会被立即执行。如果此时computed属性的依赖没有发生改变，它将返回最近的缓存值。

4. computed属性依赖的数据被修改时：如果修改了computed属性依赖的数据，computed属性会在下一次访问时立即重新执行。这是因为Vue会监听这些数据的变化，并通知computed属性进行更新。

5. watch监听器：如果在computed属性的getter函数中使用了watch监听其他数据的变化，当这些被监听的数据发生改变时，computed属性也会被重新计算。

值得注意的是，computed属性是基于它的依赖缓存的。这意味着如果computed属性的依赖数据没有发生改变，它将会返回之前缓存的计算结果，而不会重新执行计算逻辑。这一机制可以提高计算属性的性能。

在Vue中，computed属性是一种特殊的属性，它的值是根据其他属性的值计算得出的，并且会根据它所依赖的属性的变化而自动更新。那么computed什么时候执行呢？

computed属性的执行时机取决于它所依赖的属性的变化情况。当computed所依赖的属性发生改变时，computed属性会重新计算，如果计算结果与之前的结果不同，则会触发相应的更新操作。

具体来说，computed属性的执行可以分为以下几种情况：

1. 初始化阶段：在初始化阶段，computed会立即执行一次，以得到初始的计算结果。这是因为在Vue实例创建时，会先初始化computed属性，然后再初始化data属性，而computed属性的初始化是通过调用getter函数来实现的。

2. 依赖属性发生变化：当computed所依赖的一个或多个属性发生变化时，computed属性会重新计算，并得到新的计算结果。Vue会在响应式系统中监听这些属性的变化，在其发生变化时自动触发computed属性的重新计算。

3. 访问computed属性：当访问computed属性时，Vue会检查该属性所依赖的属性是否发生了变化，如果有变化，则会重新计算computed属性，并返回计算结果。否则，直接返回之前的计算结果。

需要注意的是，computed属性在没有任何依赖的情况下，只会在初始化阶段执行一次，而不会再自动更新。如果需要手动触发computed属性的更新，可以使用$forceUpdate()方法。

另外，computed属性的执行是惰性的，即只有在被访问时才会执行。如果computed属性没有被访问过，那么在它所依赖的属性发生变化时，它也不会执行。

总结起来，computed属性会在初始化阶段执行一次，并且会在所依赖的属性发生变化时自动更新。它的执行是惰性的，只有在被访问时才会执行。