欢迎光临散文网 会员登陆 & 注册

Vue3 toRaw与markRaw的使用

2022-03-12 21:29 作者:忘魂儿  | 我要投稿

toRaw 转换成源(生的),也就是说将响应式对象转成普通对象,并且二者之间不存在引用关系,所以后续对这个普通对象的操作均不会对原响应式对象产生影响,也不会引起页面更新,相当于没有深浅联系的拷贝

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


markRaw 标记为源,也就是说标记某对象让其永远不会再成为响应式对象

没有标记之前

标记之后

应用场景:

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

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


Vue3 toRaw与markRaw的使用的评论 (共 条)

分享到微博请遵守国家法律