https://www.cnblogs.com/y-shmily/p/16546743.html 在组件目录下新建index.jsimport{markRaw}from"vue";constfilesNameList=[];constfiles=import.meta.glob("./*.vue");for(constkeyinfiles){constfileName=key.replace(/(\.

因为vue3中的数据对象是用的proxy监听的，要取值需要用value等方法取出来，解决方法：使用markRaw让echarts从监听对象变成普通对象！在Vue3中，markRaw是一个用于告诉Vue的响应性系统不要对某个对象进行转换或追踪其响应性的函数。当你有一个对象，并且你确定你不需要它成为响应性

前言如题，在vue3中进行按需加载来动态的渲染icon图标;在线案例：https://stackblitz.com/edit/9ufmeo?file=src%2Fdemo.vue内容<template><t-spacedirection="vertical"><t-spacebreak-linev-for="(item,index)iniconList":key="index"&

components简介在不同组件之间进行动态切换Vue的元素加一个特殊的【is】属性来实现多个组件使用同一个挂载点，之后动态在各个组件之间切换内置组件keep-alivekeep-alive动态组件默认每次切换都会销毁组件并重新创建，这样会影像性能使用keep-alive组件缓存非活动组件，可以保留

文章目录Vue3的响应性系统使用`toRaw`使用`markRaw`使用场景1.与第三方库交互2.提高性能3.避免无限循环总结

一、Vue3中使用component:is加载动态组件1、不使用setup语法糖，这种方式和vue2差不多，is可以是个字符串2、使用setup语法糖，这时候的is如果使用字符串就会加载不出来，得使用组件实例<componentclass="task-box":is="componentObj[route.params.type]":info="taskInfo"></co

toRaw：作用：将一个由reactive生成的响应式对象转为普通对象。使用场景：用于读取响应式对象对应的普通对象，对这个普通对象的所有操作，不会引起页面更新。markRaw：作用：标记一个对象，使其永远不会再成为响应式对象。应用场景:有些值不应被设置为响应式的，例如复杂的第

1.toRaw和markRaw的使用意义（给reactive对象进行的添加属性都会自动给该属性添加响应式，当需要给reactive添加没有响应式的属性则使用） 2. toRaw和markRaw的使用示例（对其

toRaw与markRawtoRaw：作用：将一个由reactive生成的响应式对象转为普通对象。ref的对象不行使用场景：用于读取响应式对象对应的普通对象，对这个普通对象的所有操作，不会引

用markRaw让echarts从监听对象变成普通对象！！因为vue3中的数据对象是用的proxy监听的，要取值需要用value等方法取出来。import{onMounted,ref,markRaw}from'vue'

1、Suspense组件：等待异步组件时渲染一些额外内容，让应用有更好的用户体验例：<template><divclass="app"><h3>我是App组件</h3><

toRaw：作用：将一个由reactive生成的响应式对象转为普通对象。使用场景：用于读取响应式对象对应的普通对象，对这个普通对象的所有操作，不会引起页面更新。markRaw：作