vue3 computed的方法入仓

Vue 3是一种流行的JavaScript框架，用于构建用户界面。在Vue 3中，computed属性是一种用于计算和缓存响应式数据的方法。

computed属性可以在Vue组件中定义，它接收一个函数作为参数，并返回计算后的值。这个函数可以依赖于其他响应式数据，并且只有在依赖数据发生变化时才会重新计算。

下面是computed属性的使用示例：

import { computed } from 'vue';

export default {
  data() {
    return {
      num1: 5,
      num2: 10,
    };
  },
  computed: {
    sum() {
      return this.num1 + this.num2;
    },
  },
};

在上面的示例中，我们定义了两个响应式数据`num1`和`num2`，并在computed属性中定义了一个名为`sum`的计算属性。这个计算属性返回`num1`和`num2`的和。

当`num1`或`num2`发生变化时，`sum`会自动重新计算并更新。在模板中使用`sum`时，会自动获取最新的计算结果。