vue3 [Vue warn]
```runtime-core.esm-bundler.js:40 [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.文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-639721.html
<script setup>
import {ref} from "vue";
import Home from "./views/Home.vue";
import Users from "./views/Users.vue";
//selectPage默認(rèn)值null
const selectPage = ref(null);
const changeSelectPage = (page) => {
selectPage.value = page;
}
changeSelectPage(Home)
</script>
<template>
<div>
<button type="button" class="btn btn-primary" @click="changeSelectPage(Home)">首頁(yè)</button>
<button type="button" class="btn btn-primary" @click="changeSelectPage(Users)">用戶(hù)</button>
<!--動(dòng)態(tài)組件-->
<component :is="selectPage"></component>
</div>
</template>
解決方案
![runtime-core.esm-bundler.js:40 [Vue warn]: Vue received a Component which was made a reactive object,vue.js,javascript,前端](https://imgs.yssmx.com/Uploads/2023/08/639721-1.png)
文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-639721.html
到了這里，關(guān)于runtime-core.esm-bundler.js:40 [Vue warn]: Vue received a Component which was made a reactive object的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
![el-select報(bào)錯(cuò)：vue.esm.js?5cd5:5105 [Vue warn]: ＜transition-group＞ children must be keyed: ＜ElTag＞；無(wú)法選中](https://imgs.yssmx.com/Uploads/2024/02/622788-1.png)
