咱们在应用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>
当初的返回值就是一个可读写的数据了。
发表回复