問題描述目前要實現一個模塊，模塊內部根據場景的不同渲染不同的業務組件，所以這個模塊組件的作用是一個類似分發的功能。所以我需要首先用 import 將所有場景下可能出現的組件都引入進來，然后定位在 components 對象中，是不是意味著不管我用沒用到這些組件，已經把這些組件全部引入進來了？比如下面的情況，Hello 和 World 只會用到一種，但不管有沒有用到，兩個都被引入進來了相關代碼// 這是一個 .vue 文件，就是上面提到的模塊（也是組件），內部根據不同場景渲染不同的組件<template> <div>
<Hello v-if="isHello" />
<World v-else />
</div></template><script>import Hello from './hello';import World from './world';export default {
...
components: {Hello, World},
...
}
...</script>期待的結果所以想實現：只有我真正用到的情況下，才會引入那個業務組件，暫時沒有什么頭緒，有大神指條路嗎？
1 回答
慕姐4208626
TA貢獻1852條經驗 獲得超7個贊
修改成如下即可，可以打開控制臺試試。
<template> <div>
<Hello v-if="isHello" />
<World v-else />
</div></template><script>const Hello = () => import('./hello')const World = () => import('./world')export default {
...
components: {Hello, World},
...
}
...</script>- 1 回答
- 0 關注
- 459 瀏覽
添加回答
舉報
0/150
提交
取消