首页 > 其他分享 >vue3——toRaw 与 markRaw

vue3——toRaw 与 markRaw

时间:2022-09-06 11:56:43浏览次数:66  
标签:person 对象 响应 toRaw vue3 markRaw

toRaw:

  • 作用:将一个由reactive生成的响应式对象转为普通对象

  • 使用场景:用于读取响应式对象对应的普通对象,对这个普通对象的所有操作,不会引起页面更新。

markRaw:

  • 作用:标记一个对象,使其永远不会再成为响应式对象。

  • 应用场景:

    1. 有些值不应被设置为响应式的,例如复杂的第三方类库等。

    2. 当渲染具有不可变数据源的大列表时,跳过响应式转换可以提高性能。

 

可以看出价格不响应,因为person.car是MarkRew过的

注意:

如果在setup的return使用

 

在setup进入页面只会执行一次,如果后期再给person添加属性,这个属性不会是响应式的

 

标签:person,对象,响应,toRaw,vue3,markRaw
From: https://www.cnblogs.com/MDRY/p/16661252.html

相关文章

  • NET5配合vue3图片上传
    NET5配合vue3图片上传后端函数///<summary>///上传文件///</summary>///<paramname="files">文件流</param>///<ret......
  • vue2进阶vue3环境搭建
    一、cli升级sudocnpminstall-g@vue/cli二、查看版本vue--version 目前最新为 @vue/cli5.0.8 vue/cli要4.0以上的版本才有创建vue3的模版 三、升级node......
  • vue3项目-小兔鲜儿笔记-商品详情页02
    1.SKU和SPU概念SPU代表一个商品,这个商品可以拥有很多属性SKU代表这个商品可选规格的任意组合,是库存单位唯一标识 2.路径字典大致步骤根据后台返回的sku数据得......
  • vue3+ts 为原型上添加属性声明
    背景比如在vue2的情况下我们有的时候需要为Vue的原型对象上添加属性或方法,vue3的情况下需要为app挂载全局属性配置,但是结合了ts后,在vue文件中会报警告,但是程序可以正常被......
  • vue3之composition-api的使用(包含watch watchEffect)
    是什么composition-api官方介绍vue2:options-api,组件按照选项组织,就是将组件各个部分严格写在methods、computed、watch、data等等里面(特定的区域写特定的代码);vue3:co......
  • vue3 组件-动画进度条
    https://kuangyx.cn/docs/文章/vue3组件/进度条.html......
  • vue3 组件-通知菜单
    https://kuangyx.cn/docs/文章/vue3组件/通知菜单.html......
  • vue3 组件-表格分页
    typescript类型提示(属性、方法、el-table与el-pagination自带ts类型)json配置el-table控制栏自定义单元格编辑编辑行自动请求接口接口请求参数与响应数据路径......
  • vue3 组件-开始结束日期选择器
    https://kuangyx.cn/docs/文章/vue3组件/时间选择.html......
  • vue3 组件-上升下降趋势标记
    https://kuangyx.cn/docs/文章/vue3组件/趋势标记.html......