vue3之computed

一，vue3中computed

1.在vue3中，computed在组合式api中，使用时需导入。

import { computed } from 'vue';

2.computed是一个函数，接受一个函数作为参数，返回值是computed计算属性

import { computed, ref} from 'vue';
const num = ref('123')
const dbnum= computed(()=> num.value * 2) //当num发生变化时，dbnum根据函数产生变化

3.computed在setup中使用和ref一样，需要使用.value，在模板中使用不用

import { computed, ref} from 'vue';
const num = ref('123')
const dbnum= computed(()=> num.value * 2) //当num发生变化时，dbnum根据函数产生变化
console.log(dbnum.value)