- 根据官方文档步骤创建工程,执行启动命令运行项目,可以看到一个简单的后台管理系统案例
- 新增菜单与页面:
- 在config-routes.ts文件中添加菜单数据,这里与vue相似
- 在locales文件夹中配置一下国际化,这里只配置一下中文
- 我们增加一个系统管理菜单,以及用户管理的子菜单
这里要注意有个坑,正常来说我们给菜单重定向直接在父级就可以,但在这里必须像红框里一样写才行,否则会报错,无法渲染出页面
- 在用户管理页面编写代码, 如图:
看一下页面效果:
引入报红线错误的问题可以参考另一篇文章: [](vscode中引入模块下划线标红问题 - 掘金 (juejin.cn))