Vue3.0性能优化之toRaw,markRaw

有一些操作不需要更新UI界面,就可以用toRaw,节约性能,我们可以通过toRaw方法拿到它的原始数据，对原始数据进行修改,就不会更新UI界面

怎么做呢?先说下toRaw配合reactive

import { reactive,toRaw} from 'vue'setup() {let obj = {name:'lsh',age:18};let state = reactive(obj)let obj2 = toRaw(state)console.log(obj === obj2) //true}

当我们改变

obj2.name = 'saa'

视图不会改变,但是内部确已经改变了

怎么做呢?再说下toRaw配合ref

注意点:如果想通过toRao拿到ref类型的原始数据(创建时传入的那个数据) ,那么就必须明确的告诉toRaw方法,要获取的是.value的值,因为经过Vue处理之后,.value中保存的才是当初创建时传入的那个原始数据

代码

import { ref,toRaw} from 'vue'setup() {let obj = {name:'lsh',age:18};let state = ref(obj)let obj2 = toRaw(state.value)console.log(obj === obj2) //true}

当我们改变

obj2.name = 'saa'

最后说下markRaw

数据改变，视图不会发生变化

代码

import { reactive，markRaw } from 'vue'let obj = {name:'lsh',age:18};
obj = markRaw(obj)
let state = reactive(obj)

改变

state.name = 'saa'

Vue3.0性能优化之toRaw,markRaw相关推荐

vue3.0性能优化点之静态标记(PatchFlag)
关注Vue3源码库的童鞋应该有注意到,2021.11月2号Vue更新到了3.2.21版本,自Vue3发布以来,一直在不断的迭代完善着,Vue3的GitHub仓库已有25.7k Star, 主流UI框 ...
Apache 2.0性能优化—MPM的选择与配置
Apache 2.0性能优化-MPM的选择与配置谈到Apache,大多数系统管理员对其稳定版1.3印象颇深.虽然Apache 2.0的系列开发版早已由Alpha.Beta发展到现在的GA(Gener ...
Win2003 IIS6.0性能优化指南
问:好多asp.net程序,放在一台服务器上,客户端连接使用一段时间后,在服务器上打开任务管理器一看,发现有很多w3wp.exe,占用内存很大,达到1g,请问为什么会这样?有什么办法可以避免这种情况呢 ...
ActionScript3.0性能优化
所谓性能优化主要是让游戏loading和运行的时候不卡. 一优化fla导出的swf的体积? 1, 在flash中,舞台上的元件最多,生成的swf越大,库里面有连接名的元件越多,swf越大.当舞台 ...
MySQL8.0 性能优化
MySQL性能优化就是通过合理安排资源,调整系统参数使MySQL运行更快.更节省资源.MySQL性能优化包括查询速度优化.数据库结构优化.MySQL服务器优化等. PART1 优化简介优化MySQL ...
Win2003 IIS6.0性能优化指南--Good! 请见原址.
问:好多asp.net程序,放在一台服务器上,客户端连接使用一段时间后,在服务器上打开任务管理器一看,发现有很多w3wp.exe,占用内存很大,达到1g,请问为什么会这样?有什么办法可以避免这种情况呢 ...
apache2.0性能优化
本文来自:Linux宝库 -- http://www.linuxpk.com/3191.html 查看了连接数和当前的连接数,分别是 netstat -ant | grep $ip:80 | wc - ...
2.Vue3.0 性能提升主要是通过哪几方面体现的？
一.编译阶段回顾Vue2,我们知道每个组件实例都对应一个 watcher 实例,它会在组件渲染的过程中把用到的数据property记录为依赖,当依赖发生改变,触发setter,则会通知watcher ...
面试官：Vue3.0 性能提升主要是通过哪几方面体现的？
一.编译阶段回顾Vue2,我们知道每个组件实例都对应一个 watcher 实例,它会在组件渲染的过程中把用到的数据property记录为依赖,当依赖发生改变,触发setter,则会通知watcher ...

Vue3.0性能优化之toRaw,markRaw

Vue3.0性能优化之toRaw,markRaw相关推荐

最新文章

热门文章