vue计算属性中用循环为什么return不出值

在Vue的计算属性中使用循环时，可能会遇到返回值无法正常输出的问题。这是因为计算属性的返回值是基于其依赖的响应式数据变化而更新的。而循环是同步操作，而不是响应式的。

当我们用循环来计算属性时，循环代码会在首次渲染时执行。但是，循环内部的代码并不会触发计算属性的重新计算，因此，循环结束后的最后一次执行结果并不会被返回给计算属性。

一个常见的解决办法是使用vue提供的watch监听依赖。我们可以将循环的结果存储在一个数组或对象中，并将其设置为响应式的数据。然后，在计算属性中返回这个响应式的数据，通过watch监听这个响应式数据的变化，在变化时重新计算并返回最终结果。

另外，还可以使用方法来代替计算属性。方法可以在每次调用时动态计算并返回结果，而不会受到循环的限制。这样可以确保每次调用方法时都会重新计算结果，并返回给调用方。

综上所述，循环结果无法立即返回给计算属性是因为计算属性基于响应式数据的变化来更新，而循环是同步操作，并不能触发计算属性的重新计算。要解决这个问题，可以使用watch监听响应式数据的变化，或者使用方法来代替计算属性。