toRef toRef 用于为源响应式对象上的属性新建一个ref，从而保持对其源对象属性的响应式连接。 接收两个参数：源响应式对象和属性名，返回一个ref数据。例如使用父组件传递的props数据时，要引用props的某个属性且要保持响应式连接时就很有用。 toRefs ...

...

ref、reactive、toRef、toRefs 使用 触发页面更新(ref,reactive) ref ： 复制，修改响应式数据不会影响原始数据 ，一次只能定义一个ref响应式数据 响应式原理：ref 则是用把数据给包装成 ref 对象, .value ...

ref类型数据代码 通过发现，如果利用ref将某一个对象中的属性变成响应式的数据， 我们修改响应式的数据是不会影响到原始数据的obj !== state， 会触发页面更新 通过toRef ...

定义：toRefs可以将对象（只能接收ractive对象）中的属性变成响应式 正常reactive对象数据也是响应式的，如果用toRefs解构出去会更加方便 用法： ...

roRef的作用是复制reactive的某一个属性，转成ref响应式的值，同时还保存着两者的联系，reactive的属性值改变了ref的值也跟着改变，保留了引用，也就是你从 reactive ...

逻辑分层 将各个区域业务分开 这样做的优势 这样的场景应该如何处理 优化 reactive 不一定非要写在setup函数中 如何在页面上直接显示值 ...

上一部分中我们说到的ref只是作为单个变量的响应。 Vue3.0中还为我们提供了一个对象式响应的reactive函数 。 Reactive函数创建一个响应式对象。 一：Reactive函数 其实，在我看来，reactive函数 就是VUE3.0为我们提供的替代VUE2.0中data的一个 ...