vue3 computed传值

在Vue3中，可以使用计算属性computed来传递值。下面是两种使用computed传值的方法：

1. 在Vue3的setup函数中使用计算属性computed：

import { ref, computed } from 'vue';

export default {
  setup() {
    const num1 = ref(0);
    const num2 = ref(0);

    const result = computed(() => {
      return parseInt(num1.value) + parseInt(num2.value);
    });

    return {
      num1,
      num2,
      result
    };
  }
};

2. 在Vue3的setup函数中直接在定义的reactive中使用computed：

import { reactive, computed } from 'vue';

export default {
  setup() {
    let state = reactive({
      num1: 0,
      num2: 0,
      result: computed(() => {
        return parseInt(state.num1) + parseInt(state.num2);
      })
    });

    return {
      state
    };
  }
};

通过以上两种方法，你可以在Vue3中使用computed来传递值。