vuejs-challenges
vuejs-challenges copied to clipboard
4 - 可写的计算属性
// 父组件 App.vue
<script setup>
import {ref,computed} from "vue"
const count = ref(1)
const plusOne = computed({
get(){
return count.value + 1
},
set(value){
// count.value = value - 1
count.value++
}
})
plusOne.value++
</script>
<template>
<div>
<p>{{ count }}</p>
<p>{{ plusOne }}</p>
</div>
</template>