网站如何做美工,想做代理商去哪找项目,线上购物网站建设的可行性,武安信息港toRaw#xff1a;将一个 reactive 生成的响应式数据转为普通对象。
toRaw 适用于#xff1a;获取响应式数据对应的普通对象#xff0c;对这个普通对象所有的操作#xff0c;都不会引起页面的更新。
markRaw#xff1a;标记一个对象#xff0c;使其永远不会再成为响应式…toRaw将一个 reactive 生成的响应式数据转为普通对象。
toRaw 适用于获取响应式数据对应的普通对象对这个普通对象所有的操作都不会引起页面的更新。
markRaw标记一个对象使其永远不会再成为响应式数据。
markRaw 适用于当数据不会发生变化时跳过响应式转换可以提高性能。还有一些数据不应该被设置为响应式的例如复杂的第三方类库等。 将响应式数据转为普通数据 toRaw 函数
templateh2姓名{{ info.name }}/h2button clickinfo.name 风修改姓名/buttonhr /h2年龄{{ obj.age }}/h2button clickobj.age增加年龄/button
/templatescript
// 引入 toRaw 函数
import { reactive, toRaw } from vue
export default {name: Home,setup() {let info reactive({name: 张三,age: 18})// 将 reactive 数据转为普通数据let obj toRaw(info);console.log(obj);// 返回数据return { info, obj }}
}
/script
注toRaw 只能将 reactive 数据转为普通数据不能转换 ref 数据。 在响应式数据中添加一个普通对象 markRaw 函数
templateh2姓名{{ info.name }}/h2button clickinfo.name 风修改姓名/buttonhr /h2薪资{{ info.job.money }}/h2button clickinfo.job.money增加薪资/button
/templatescript
// 引入 markRaw 函数
import { reactive, markRaw } from vue
export default {name: Home,setup() {let info reactive({name: 张三,})// 在 info 中添加一个普通对象info.job markRaw({ money: 20 });console.log(info);// 返回数据return { info }}
}
/script
注markRaw 只能添加引用数据类型不能添加基础数据类型。 原创作者吴小糖
创作时间2023.11.8
