原文：vue3中toRaw以及markRow情况（系列八）
reactive类型数据代码 我们点击按钮后，发现obj修改name的属性的数据成功了，但是页面视图并没有更新，不是响应式的。通过封装了state的对象，修改name属性，会更改页面视图更新 一句话，如果我们对reactive的源数据进行改变的时候，是不会引起界面的改变，也就不会产生有关的计算了。 如果我们有修改 obj的内容，又不想触发界面改变的时候，我们就可以修改obj 可问题是，如果我没创建 ...
2021-03-05 11:22 0 1884 推荐指数：
相关推荐
ref类型数据代码 通过发现，如果利用ref将某一个对象中的属性变成响应式的数据， 我们修改响应式的数据是不会影响到原始数据的obj !== state， 会触发页面更新 通过toRef ...
数据是ref类型 效果，点击按钮，页面数据变成666了，注意，vue模板中没有age.value,因为ref类型的数据有isRef属性，底层自动会将.value加上。 数据是reactive类型 效果，点击按钮，页面还是个对象数据 ...
reactive reactive 是 Vue3 中提供的实现响应式数据的方法。 在 Vue2 中响应式数据是通过 defineProperty 来实现的，在 Vue3 中响应式数据是通过 ES6 的 Proxy 来实现的。具体参照Vue双向数据绑定，Vue3 ...
所以Vue3就给我们提供了ref方法, 实现对简单值的监听 2.re ...
利用readonly封装数据，递归只读 打印情况 点击按钮，尽管重新赋值了数据，但是并没有更改数据，所以只能是只读的，并且是递归只读，层级深的数据也是没有变化。而且页面并没有跟新 利用shallowReadonly封装数据，非递归只读 ...
}) 这并不是一个多么复杂的方法，如果要使用，记得是在自定义的 ref 中返回一个 customRef，而 cu ...
递归监听 默认情况下，Vue3 中的 ref 和 reactive 都是递归监听的(层级深的对象)，即能实时监听对象的底层变化。 例如，在 ref 中 点击 button reactive递归 在 reactive ...