首页 > TAG信息列表 > markRaw
Vue markRaw() 简介
markRaw() 说明：将一个对象标记为不可被转为代理。返回该对象本身。 通俗的说，将一对象设置成不能转换成ref或reactive等响应式对象。比如代码： const foo = markRaw({}) //声明变量foo是不能变成响应式 console.log(isReactive(reactive(foo))) // false 表明 reactive(foo) 并toRaw和markRaw
toRaw： 作用：将一个由reactive生成的响应式对象转为普通对象。[ ref的不行哦 ] 使用场景：用于读取响应式对象对应的普通对象，对这个普通对象的所有操作，不会引起页面更新。 markRaw： 作用：标记一个对象，使其永远不会再成为响应式对象。 应用场景: 有些值不应被设置为响应vue3的toRaw和markRaw
toRaw:返回由 reactive 或 readonly 方法转换成响应式代理的普通对象 .可用于临时读取、访问不会被代理/跟踪，写入时也不会触发界面更新. （与代理数据指向相同的引用地址，与源数据无关） markRaw:指定源对象不被代理 (即源对象本身就不需要响应式)Vue3的toRaw和markRaw
文章目录 使用toRaw不使用markRaw使用markRaw toRaw，将响应式对象（由 reactive定义的响应式）转换为普通对象。 markRaw，标记一个对象，使其不能成为一个响应式对象。 使用toRaw main.js import { createApp } from 'vue' import App from './App.vue' createApp(App).mount('[深入vue3之响应性API] reactive、readonly、shallowReactive、shallowReadonly、toRaw、markRaw等使用与讲解
reactive 返回对象的响应式副本响应式转换是“深层”的——它影响所有嵌套 property。在基于 ES2015 Proxy 的实现中，返回的 proxy 是不等于原始对象的。建议只使用响应式 proxy，避免依赖原始对象。只能传入引用类型，否则抛出警告。 reactive 将解包所有深层的 refs，同时维持 refvue3+echart5 遇到的坑 Cannot read properties of undefined (reading 'type')
错误说明 vue3中，使用data的方式初始化echart图表 export default { data() { return { chart: null, ... } }, mounted() { this.chart = echarts.init(document.getElementById(this.id)) this.chart.setOption({...}) }, ... } 在窗口大Vue3基础(十)___toRaw___markRaw
toRaw ref <template> <div> <p>name:{{strObj.name}}</p> <p>age:{{ strObj.age}}</p> <button @click="isChangeFun">点击按钮年龄加1</button> </div> </template> <script> impor