4 - 可写的计算属性

[jay6697117]

<script setup lang="ts">
import { ref, computed } from 'vue';

const count = ref(1);
const plusOne = computed({
  get: () => count.value + 1,
  set: val => {
    console.log('val :>> ', val);
    count.value = val - 1;
  }
});

plusOne.value++
</script>

<template>
  <div>
    <p>{{ count }}</p>
    <p>{{ plusOne }}</p>
  </div>
</template>