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

Posted 2023-03-21 ywjbalabala

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

作者：ywjbalabala

出处：https://www.cnblogs.com/ywjbalabala/

本文版权归作者和博客园所有，欢迎转载。转载请在留言板处留言给我，且在文章标明原文链接，谢谢！

如果您觉得本篇博文对您有所收获，觉得我还算用心，请点击右下角的 [推荐]，谢谢！