Vue3当中的computed

我们在使用vue3当中给我们提供的api时，就像是computed，我们通常就只会像下面这样使用：

<script>
import { computed } from 'vue'
setup(props) {
    const testComputed = computed(() => test)

    return {
        testComputed
    }
}
</script>

然而这样使用的话，得到的是一个readonly的数据

computed也存在另外一种用法。上面的方法，是给computed传入一个函数表达式，而我们也可以给它传入一个对象形式的参数，就想下面的写法：

<script>
import { computed } from 'vue'

setup(props) {
    const testComputed = computed({
        get:()=> {
                return test
        },
        set:(v) => {
            test = v
        }
    })
}

</script>

现在的返回值就是一个可读写的数据了。