• ref 通过 value 属性访问和修改内部值
• reactive 不需要.value 能直接用 .属性 的方式修改，但不能整体替换掉
• 使用toRefs结构时,只能接受reactive对象

<template>
  <div>
    {{ count }}
  </div>
  <button @click="add">ggg</button>
</template>

<script>
import { reactive, toRefs } from "vue";

export default {
  setup() {
    let state = reactive({
      count: 0,
    });
    let add = () => {
      state.value.count++;
    };
    return {
      ...toRefs(state),
      add,
    };
  },
};
</script>

删除value即可