Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
2.4k views
in Technique[技术] by (71.8m points)

qiankun + vue集成微应用相关,路由和缓存问题。

主和子都是vue写的。
使用注册加载
`registerMicroApps {

name: app.name, // app name registered
entry: app.entry,
container: app.container,
activeRule: genActiveRule(app.path)

}`
父用的history路由 子用的hash
问题1. 父菜单用a标签点击跳转,或者push url地址没变化。
点击几次才有反应。有时候又正常。
问题2. 切换子应用的时候会卸载应用然后在加载。造成切换应用的时候反应过慢。
问题3. 如果想多开应用缓存的话如何做?
有没有大佬集成过。


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Reply

0 votes
by (71.8m points)
  1. 如果菜单在主应用的话,主应用里完全可以用 router-link 或者 this.$router 做路由跳转。

如果菜单在子应用,需要做应用间跳转可以在注册应用时将主应用的 router 对象传递过去,子应用里调用主应用 router 方法做跳转

  1. 默认会在空闲时加载子应用资源,跳转应用反应还能接受吧,可以添加 过场 loading

ps 如果确定主/子应用一直都是 vue 可以使用 cdn 加载公共资源,如(vue, vue-router, vuex 等),虽然官方不建议,但是这样子应用打包后体积超小


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
OGeek|极客中国-欢迎来到极客的世界,一个免费开放的程序员编程交流平台!开放,进步,分享!让技术改变生活,让极客改变未来! Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...