vue 懒加载引入组件

*.vue 文件中 引入组件

let WidgetConfig = resolve => {require(['@/components/FormAttribute/WidgetConfig'], resolve)};
let FormConfig = resolve => {require(['@/components/FormAttribute/FormConfig'], resolve)};
let WidgetForm = resolve => {require(['@/components/FormDesign/WidgetForm'], resolve)};
import CusDialog from "@/components/CusDialog";

注解:有懒加载的,和普通加载的,和路由引入的方式一样。组件也可以这样引入

用法示例

<widget-config v-show="configTab=='widget'" :data="widgetFormSelect" :dataAll="widgetForm"></widget-config>
<form-config
  v-show="configTab=='form'"
  :data="widgetForm.config"
  @setFontWeight="setFontWeight"
  @setFontWeightCopy="setFontWeightCopy"
></form-config>