vue2按需加载组件,或者异步组件,主要是应用了component的 is 属性
vue2中的动态组件component,官方文档
<!-- 组件会在 `currentTabComponent` 改变时改变 -->
<component v-bind:is="currentTabComponent"></component>
在上述示例中，currentTabComponent 可以包括
- 已注册组件的名字，或
- 一个组件的选项对象
其中一个组件的选项对象可以是以三种：
- 字符串 (例如：template: '...')，即 currentTabComponent = {template:
'<div>...</div>'} - 单文件组件 (.vue) ,如按需引入组件 currentTabComponent= （）=> import ('@/.../xxx.vue') ;
- vue3中通过辅助函数defineAsyncComponent(()=>import('./components/test'))
<script type="text/x-template">