- 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即可