共计 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>
当初的返回值就是一个可读写的数据了。
正文完