接受一个 getter 函数，并根据 getter 的返回值返回一个不可变的响应式 ref 对象。 或者，接受一个具有 get 和 set 函数的对象，用来创建可写的 ref 对象 <script setup> import { computed, ref } from‘@vue/reactivity’ const num = ref(0) const count = computed({ get: () => { console.log(‘执行了计算属性’) return物品的个数为：</font><font style="color:#569cd6;">${</font><font style="color:#4fc1ff;">num</font><font style="color:#d4d4d4;">.</font><font style="color:#9cdcfe;">value</font><font style="color:#569cd6;">}</font><font style="color:#ce9178;"> }, set:newValue=> { console.log(被修改了，新数据为:</font><font style="color:#569cd6;">${</font><font style="color:#9cdcfe;">newValue</font><font style="color:#569cd6;">}</font><font style="color:#ce9178;">) } }) const handleCountChange = () => { // num.value++ count.value = 3 } </script> <template> <divv-text=“count“></div> <divv-text=“count“></div> <divv-text=“count“></div> <button @click=“handleCountChange“>Count</button> </template> <style> </style>