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>