在写项目的时候,如果单页代码量太大,可以把数据部分分开单独写,然后再导入。如果这个需求的模块很多,重复率就太高了。可以按照一定的规则动态导入。下面的例子以模块名为规则来匹配导入哪个vuejs。可以写在初始化方法中。transitionType是当前props接收到的文件名~~~~console.log('this.transitionType',this.transitionType)this.$options.components.DetailComponent=()=>import(`@/views/controller/components/detail/${this.transitionTypeKey}`)import(`@/views/controller/correspondingFields/tableColumns/modules/${this.transitionTypeKey}.js`).then(data=>{this.tableColumns=data.default})//也可以使用async/await。示例如下:element.addEventListener('click',async()=>{constmodule=awaitimport(`./components/button-click.js`);module.clickEvent();})
