vue多业务线合并方案

本文介绍了在Vue项目中处理多业务线的合并方案,包括依赖引入、基础组件抽离、异步加载子业务线组件、动态路由配置、动态模板的制作与使用。通过异步注册组件和动态路由实现按需加载,同时利用动态模板提高代码复用性和灵活性。
摘要由CSDN通过智能技术生成

一、依赖引入:

主业务线引入vue、vuex、公共方法、公共组件,并绑定到window对象,需要异步加载的子业务线通过window.XXX进行引入,不需要再次Import。

二、基础组件:

抽离与业务无关组件,如dialog、toast等。

三、异步加载:

  1. 将子业务线组件化。
  2. 在主业务线的配置文件中添加相关配置,如子业务线相关参数、js文件的url地址。异步注册组件:

const src = MY_JS_SRC 

Vue.component(COMPONENT_NAME, (resolve, reject) => {

        download(src).then((component) => {

          resolve(component)

        }).catch(() => {

          reject()

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值