Vue 将响应式数据转为普通对象

toRaw:将一个 reactive 生成的响应式数据转为普通对象。

toRaw 适用于:获取响应式数据对应的普通对象,对这个普通对象所有的操作,都不会引起页面的更新。

markRaw:标记一个对象,使其永远不会再成为响应式数据。

markRaw 适用于:当数据不会发生变化时,跳过响应式转换可以提高性能。还有一些数据不应该被设置为响应式的,例如复杂的第三方类库等。

将响应式数据转为普通数据 toRaw 函数:



:toRaw 只能将 reactive 数据转为普通数据,不能转换 ref 数据。

Vue 将响应式数据转为普通对象_第1张图片

 在响应式数据中添加一个普通对象 markRaw 函数 :



:markRaw 只能添加引用数据类型,不能添加基础数据类型。

Vue 将响应式数据转为普通对象_第2张图片

原创作者:吴小糖

创作时间:2023.11.8 

你可能感兴趣的:(vue.js,javascript,前端)