vue按需加载组件,异步组件

作者：@ywjbalabala
本文为作者原创，转载请注明出处：https://www.cnblogs.com/ywjbalabala/p/17240033.html

---

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">