VUE中computed不支持异步

Vue中的computed属性确实不支持异步操作，因为computed属性是通过缓存结果来提高性能的，如果其中包含异步操作的话，就无法得到正确的缓存结果。

但是，Vue中提供了watch属性，可以用来监听数据变化，并执行异步操作。可以通过在watch属性中监听数据变化，并在回调函数中执行异步操作来实现类似于computed的功能。

例如：

new Vue({
  data: {
    message: '',
  },
  watch: {
    message: {
      handler: function(val) {
        // 异步操作
        this.asyncFunc(val).then(res => {
          // 更新数据
          this.result = res;
        });
      },
      immediate: true // 初始化时立即执行
    },
  },
  computed: {
    // ...
  },
  methods: {
    asyncFunc(val) {
      // 异步操作
    },
  },
});

在上面的例子中，watch属性监听message数据的变化，并在回调函数中执行异步操作，最终将结果保存到result数据中。同时，computed属性也可以继续使用，以及异步操作也可以通过methods属性中的方法来实现。

相关问题

vue中computed与watcher

在Vue中，computed和watcher是两种不同的属性，用于响应式地处理数据的变化。

computed属性是基于依赖关系进行缓存的计算属性。它是一个函数，在Vue实例中定义，可以根据依赖的数据自动计算出一个新的值。当依赖的数据发生变化时，computed属性会重新计算，但是如果依赖的数据没有发生改变，则会从缓存中读取上一次的计算结果。computed属性的优点是可以通过简单的getter函数来定义，使得代码更加清晰和可读。

watcher是一个观察者，用于监听某个特定数据的变化。它可以监听单个值、对象、数组或者整个Vue实例。当被监听的数据发生变化时，watcher会执行相应的回调函数。watcher可以用于处理一些需要在数据变化时执行异步或者开销较大的操作，或者在数据变化时执行一些副作用。

vue中computed和watch区别

`computed` 和 `watch` 是 Vue.js 中两个不同的响应式系统，它们的作用都是监听数据的变化并作出相应的更新。

`computed` 是计算属性，它在被使用时会缓存计算结果，在相关数据没有发生变化时不会重新计算，是一种更高效的方法。计算属性适用于一些可以通过其他数据计算出来的值。

`watch` 是监听器，它适用于需要在数据变化时执行异步或开销较大的操作的场景，它的行为是在数据发生变化时立即执行，而不是等待下一次 DOM 更新循环。

总的来说，`computed` 和 `watch` 都可以用来监听数据的变化，但 `computed` 更适用于简单的数据计算，而 `watch` 更适用于复杂的数据处理。