vue3 - 警告 `shallowRef` instead of `ref` - 解决

完整警告

[Vue warn]: Vue received a Component which was made a reactive object. This can lead to unnecessary
 performance overhead, and should be avoided by marking the component with `markRaw` or using `shallowRef` instead of `ref`.

这是因为参数内容有组件，

如 

 元素是图标组件

 

因此需要使用 

shallowRef 即可

 

posted @   岑惜  阅读(1099)  评论(0)  编辑  收藏  举报
相关博文：
·  vue3 - 引入自定义插件的组件的具体写法
·  vue3 - 报错 ESLint: Component name "index" should always be multi-word.(vue/multi-word-component-names)
·  vue3报错 Vue received a Component which was made a reactive object.
·  vuejs3.0 从入门到精通——动态组件
·  浅析vue3中如何使用动态组件、如何快速理解Vue3的toRaw和markRaw、ref与shallowRef、shallowReactive区别
阅读排行：
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型，支持深度思考和联网搜索！
· 基于 Docker 搭建 FRP 内网穿透开源项目（很简单哒）
· ollama系列01：轻松3步本地部署deepseek，普通电脑可用
· 按钮权限的设计及实现
· 25岁的心里话
点击右上角即可分享
微信分享提示
AI IDE Trae