2026/1/12 7:44:25
网站建设
项目流程
校园网站建设情况统计表,saas建站和开源建站的区别,本地佛山顺德网站设计,房屋3d设计软件toRaw作用#xff1a;用于获取一个响应式对象的原始对象#xff0c; toRaw 返回的对象不再是响应式的#xff0c;不会触发视图更新。官网描述#xff1a;这是一个可以用于临时读取而不引起代理访问/跟踪开销#xff0c;或是写入而不触发更改的特殊方法。不建议保存对原始对…toRaw作用用于获取一个响应式对象的原始对象toRaw返回的对象不再是响应式的不会触发视图更新。官网描述这是一个可以用于临时读取而不引起代理访问/跟踪开销或是写入而不触发更改的特殊方法。不建议保存对原始对象的持久引用请谨慎使用。何时使用 —— 在需要将响应式对象传递给非Vue的库或外部系统时使用toRaw可以确保它们收到的是普通对象具体编码import { reactive,toRaw,markRaw,isReactive } from vue; /* toRaw */ // 响应式对象 let person reactive({name:tony,age:18}) // 原始对象 let rawPerson toRaw(person) /* markRaw */ let citysd markRaw([ {id:asdda01,name:北京}, {id:asdda02,name:上海}, {id:asdda03,name:天津}, {id:asdda04,name:重庆} ]) // 根据原始对象citys去创建响应式对象citys2 —— 创建失败因为citys被markRaw标记了 let citys2 reactive(citys) console.log(isReactive(person)) console.log(isReactive(rawPerson)) console.log(isReactive(citys)) console.log(isReactive(citys2))markRaw作用标记一个对象使其永远不会变成响应式的。例如使用mockjs时为了防止误把mockjs变为响应式对象可以使用markRaw去标记mockjs编码/* markRaw */ let citys markRaw([ {id:asdda01,name:北京}, {id:asdda02,name:上海}, {id:asdda03,name:天津}, {id:asdda04,name:重庆} ]) // 根据原始对象citys去创建响应式对象citys2 —— 创建失败因为citys被markRaw标记了 let citys2 reactive(citys)