Vue3单页面多布局的实现
vue
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
项目地址:https://gitcode.com/gh_mirrors/vu/vue
免费下载资源
·
原文
之前搞了一下一个vue3的应用,后台的管控界面。昨天来了个需求,要提供一个新的无缝无边框的新页面,给Electron桌面端调用。
原有的管理控制台是SPA,单页面应用,于是首先想到的是vue如何支持多页面应用。查了一下,是支持的,在vue配置文件里就可以写,但多个应用又如何共享一些组件呢?没找到方案,然后研究了一下vue-router和layout的关系,了解到多级路由和router-view嵌套其实是可以实现布局切换的。
这样,顶层的根页面只需要写就可以了。
下面提供不同的布局,二级路由通过指定父级路由的component就可以决定自己采用哪个布局。
有了这个办法,就不用考虑多应用了,其实多应用主要还是想让布局不同。
GitHub 加速计划 / vu / vue
80
16
下载
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
最近提交(Master分支:4 个月前 )
73486cb5
* chore: fix link broken
Signed-off-by: snoppy <michaleli@foxmail.com>
* Update packages/template-compiler/README.md [skip ci]
---------
Signed-off-by: snoppy <michaleli@foxmail.com>
Co-authored-by: Eduardo San Martin Morote <posva@users.noreply.github.com> 6 个月前
e428d891
Updated Browser Compatibility reference. The previous currently returns HTTP 404. 6 个月前
更多推荐
已为社区贡献6条内容
所有评论(0)