2026/1/15 8:54:35
网站建设
项目流程
做产品的往这看:国外工业设计网站大全!,品牌网站推广软件,一条龙搭建网站,金华百度seotoRaw作用#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)