vue3之computed

 第一种不可修改

<script>
import { ref, computed } from 'vue'
export default {
    setup() {
        const age = ref(18)

        // 1、传入一个函数getter,返回一个不允许修改的计算属性。
        const nextAge = computed(() => {
            return parseInt(age.value) + 1
        })
    }
}
</script>

第二种可修改

<script>
import { ref, computed } from 'vue'
export default {
    setup() {
        const age = ref(18)
        // 2、传入一个对象，包括get、set，可以创建一个可以修改的计算属性
        const nextAge = computed({
            get() {
                return parseInt(age.value) + 2
            },
            set(value) {
                age.value = value - 2
            }
        })
    }
}
</script>