关于vue.js:Vue3当中的computed

57次阅读

共计 401 个字符,预计需要花费 2 分钟才能阅读完成。

咱们在应用 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>

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

正文完
 0