关于vue.js: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>

当初的返回值就是一个可读写的数据了。

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理