占位组件一定要配置 因为是异步加载，不设置占位组件，会报错，找不到组件！第二步：分包1pages_crm组件中引入、注册、使用分包2的组件

占位组件在前端开发特别是模块化和按需加载的场景下非常重要。当你有一个页面需要异步加载某个子组件时，如果没有预先提供一个占位元素，浏览器在初始渲染阶段就无法找到这个还未加载完成的组件的位置。如果直接尝试渲染，可能会导致页面空白或者错误提示。

当涉及到分包管理，比如你在CRM页面（`pages_crm.vue`）中，想要使用另一个单独打包的子组件，你需要按照以下步骤操作：

1. 引入组件：在`pages_crm.vue`文件中，通常通过导入语句引入未加载的子组件，例如：

   import { AsyncComponent } from 'vue';
   const Loading = () => import('@/components/SubComponent.vue'); // 假设子组件路径

使用`AsyncComponent`包装，它会在组件实际加载之前显示一个占位状态。

2. 注册组件：在Vue实例的选项里，注册这个异步组件，并指定一个占位组件，通常是某种加载指示符如Loading Spinners：

   export default {
     components: {
       SubComponent: AsyncComponent({
         resolve: () => Loading,
         fallback: () => <div class="loading">正在加载...</div> // 占位组件
       }),
     },
     //...
   }

3. 使用组件：在模板中，使用`<SubComponent>`标签来动态插入已加载的子组件：

   <template>
     <div>
       <AsyncComponent :is="subComponentLoaded" />
     </div>
   </template>

   <script>
   data() {
     return {
       subComponentLoaded: false, // 初始状态，表示子组件是否已经加载完成
     };
   },
   mounted() {
     this.subComponentLoaded = true; // 当子组件加载完成后更新此状态
   },
   //...
   </script>