13、Vue3 响应式计算和侦听2

计算属性(computed) 使用一个带有 get 和 set 函数的对象来创建一个可写的 ref 对象

案例

<template>
  <div>

      {{value1}} === {{value2}}
  </div>
</template>

<script>
import { computed, ref } from 'vue';
// 计算属性(computed) 使用一个带有 get 和 set 函数的对象来创建一个可写的 ref 对象
export default {
    setup(){
        let value1 = ref(1)
        //
        let value2 = computed({
            get:()=>value1.value + 1,
            set: val =>{
                value1.value = val - 1
            }
        })
       // value2 = 2
        console.log('value2 == ', value2.value);
        value2.value = 10;
        //
        return {
            value1, // 9
            value2  //10
        }
    }
}

</script>