<template>
<div>
{{count}}
<div>{{newCount}}</div>
<button @click="add">add</button>
</div>
</template>
<script setup lang="ts">
import {reactive,ref,watch,onBeforeMount,computed} from 'vue'
const count = ref(0)
const add=()=>{
count.value++
}
const newCount = computed({
get: () => {
return count.value
},
set: ( param ) => {
console.log(param)
// count.value = param
},
})
setTimeout(() => {
newCount.value = 100
},3000)
</script>
//当外部的数据改变,可以出发computed的set里面计算属性,可以在set里面执行函数