vue3中computed和methods的区别。

在Vue3中，computed和methods都是在组件中定义方法的选项。

computed是一个计算属性，它会根据它所依赖的数据动态计算出一个新的值，并且只有在依赖数据发生变化时才会重新计算。computed通常用于需要根据组件数据进行计算的场景。它的值会被缓存，因此多次访问同一个computed属性时不会重复计算。

例如：

<template>
  <div>{{ fullName }}</div>
</template>

<script>
export default {
  data() {
    return {
      firstName: 'John',
      lastName: 'Doe',
    };
  },
  computed: {
    fullName() {
      return `${this.firstName} ${this.lastName}`;
    },
  },
};
</script>

methods是一个普通的方法，它会在组件被渲染时被调用，或者在其它事件触发时被调用。methods通常用于组件中需要触发某些操作的场景。

例如：

<template>
  <div>
    <button @click="increment">Increment</button>
    <div>{{ count }}</div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      count: 0,
    };
  },
  methods: {
    increment() {
      this.count++;
    },
  },
};
</script>

综上所述，computed用于计算属性，methods用于触发操作。在使用时，需要根据具体的场景来选择使用哪一个选项。