vue3.0+qiankun.js瀹炵幇澶歵ab鏍囩椤佃矾鐢卞垏鎹ithub鍦板潃Github缃戦〉婕旂ず鍦板潃鍘熺悊鏄€氳繃鐩戝惉涓诲簲鐢ㄧ殑vue-router鐨剅outer.beforeEach鏂规硶鍔ㄦ€佸姞杞?loadMicroApp)寰簲鐢ㄩ〉闈㈠苟浣跨敤vuex绠＄悊鍔犺浇鐨勯〉闈㈠井app鍜宼ab鏍囩鏁版嵁鐩戝惉锛屽埄鐢╥nitialState鐨勫彉鍖栨墽琛屽井椤甸潰鍐呴儴鐨勮矾鐢辫烦杞€傚悇渚濊禆鐗堟湰"element-plus":"^1.3.0-beta.5","qiankun":"^2.6.3","vue":"^3.0.0","vue-router":"^4.0.0-0","vuex":"^4.0.0-0"gif婕旂ず璺敱閰嶇疆淇敼涓诲簲鐢ㄤ娇鐢ㄧ殑鏄細createWebHistory();寰簲鐢ㄤ娇鐢細createMemoryHistory(window.__POWERED_BY_QIANKUN__?'':`/subPages/app1/`);姣忎釜vue鏂囦欢閮藉繀椤诲畾涔塠name]灞炴€э紝骞朵笖蹇呴』涓巖outer/index.js鍐呴儴瀹氫箟椤甸潰鍙傛暟鐨刐name]鐩稿悓锛歭ib:src/views/user.vueexportdefault{name:'App1Detail',>>>=====setup(){},|鏂规硶锛歿}锛寍...|}||=====>>>涓や釜鍚嶅瓧鐨勫€煎繀椤荤浉鍚?..|lib:src/router/绱㈠紩.js|璺嚎=[|{|璺緞锛歛ppPath+'/缁嗚妭',|name:'App1Detail',<<<=====component:()=>import('@/views/app1/detail.vue')}]璺敱浣跨敤鏂规硶鍦ㄤ富搴旂敤涓紝璺敱璺宠浆涓诲簲鐢ㄤ娇鐢ㄥ師鐢熺殑vue-router鏂规硶锛屾棤璁烘槸鍦ㄤ富搴旂敤main=>涓诲簲鐢ㄩ〉闈㈣烦杞埌涓诲簲鐢ㄩ〉闈㈣繕鏄湪涓诲簲鐢ㄨ烦杞埌寰簲鐢ㄤ富椤甸潰=>寰簲鐢ㄩ〉闈娇鐢ㄦ柟娉曚笌鍙傝€冨簱涓€鑷达細app2/src/views/user/**router.push()router.replace()router.go(-1)...=============================鍒嗗壊绾?==================================浠庡井搴旂敤A璺宠浆鍒板井搴旂敤B鐨勫瓙椤甸潰锛屽锛氬弬鑰僱ib:app1/src/views/about.vue...import{getCurrentInstance}from'vue'setup(){constinstance=getCurrentInstance()letjump=()=>{instance.appContext.config.globalProperties.$parentRouter.push('/app2/user')}return{jump}}...=============================鍒嗛殧绾?=================================鍏抽棴寰簲鐢ㄤ腑褰撳墠娲诲姩鐨勬爣绛撅紝濡傦細鍙傝€冨簱锛歛pp1/src/views/user.vueletcloseActiveTab=()=>{action.setGlobalState({changeMicoTabsPath:{type:'closeActiveTab',},})}===============================鍒嗗壊绾?===================================鍏抽棴寰簲鐢ㄥ綋鍓嶅姞杞界殑鍏朵粬鏍囩锛屽锛氬弬鑰僱ib锛歛pp1/src/views/user.vueletcloseOtherTab=()=>{action.setGlobalState({changeMicoTabsPath:{type:'closeOtherTab',path:'/app1/about',},})}濡傛灉瑙夊緱鏈夌敤璇风粰涓猄tar鏍囩馃榿馃榿馃榿
