文章目录Vue3的响应性系统使用`toRaw`使用`markRaw`使用场景1.与第三方库交互2.提高性能3.避免无限循环总结🎉欢迎来到Java学习路线专栏~探索Java中的静态变量与实例变量☆*o(≧▽≦)o*☆嗨~我是IT·陈寒🍹✨博客主页：IT·陈寒的博客🎈该系列文章专栏：Java学习路线📜其他专栏：Java学习路线Java面试技巧Java实战项目AIGC人工智能数据结构学习🍹文章作者技术和水平有限，如果文中出现错误，希望大家能指正🙏📜欢迎大家关注！❤️Vue是一个流行的JavaScript框架，广泛用于构建现代Web应用程序。Vue3引入了一些新的响应性API，其中包括toRaw和ma

markRaw作用:标记一个对象,使其永远不会再成为响应式对象应用场景:1.有些值不应被设置成响应式时,例如复杂的第三方类库等2.当渲染具有不可变数据源的大列表时,跳过响应式转换可以提高性能3.在动态渲染组件的时候我们就可以使用markRaw包裹。markRaw的使用场景很多时候，我们会遇见这样的场景。有一个响应式对象person。这个响应式对象有很多的属性。但是呢？个别属性是不需要响应式的。比如爱好markRaw的使用姓名：{{person.name}}性别：{{person.sex}}爱好：{{person.likes}}按钮import{reactive,markRaw}from'vue

markRaw作用:标记一个对象,使其永远不会再成为响应式对象应用场景:1.有些值不应被设置成响应式时,例如复杂的第三方类库等2.当渲染具有不可变数据源的大列表时,跳过响应式转换可以提高性能3.在动态渲染组件的时候我们就可以使用markRaw包裹。markRaw的使用场景很多时候，我们会遇见这样的场景。有一个响应式对象person。这个响应式对象有很多的属性。但是呢？个别属性是不需要响应式的。比如爱好markRaw的使用姓名：{{person.name}}性别：{{person.sex}}爱好：{{person.likes}}按钮import{reactive,markRaw}from'vue