Java阶段四Day02

Java阶段四Day02

文章目录

  • Java阶段四Day02
    • VueCli嵌套路由
    • 总结
    • 项目开发
      • 开发流程
      • 关于项目
      • 项目分析
      • 数据库的设计规范(基于阿里巴巴Java开发手册)
      • 数据库表设计
      • 创建项目
      • 关于依赖项
      • 关于``报错

VueCli嵌套路由

由于Vue Cli工程是单页面的,为了保证能显示各式各样的页面,则需要将页面的整个区域都设计为,然后根据URL不同,加载不同的视图组件(. vue文件)。但是,即使将整个页面的显示区域作为一个,多个页面仍可能存在共用的部分。

Java阶段四Day02_第1张图片

如果要设计为以上风格,则页面中的右侧最大的区域也必须是一个, 就会形成最外部(页面所有部分)是的同时,内部还有一个 (右侧的大区域),在配置路由时,就需要使用到嵌套路由的做法了。
当然,如果以上设计风格中右侧区域中仍有各页面均显示的部分,还可以继续在其内部进行嵌套,通常,并不建议嵌套太多层次。

提示:以上children下的配置中,各path没有使用/作为第1个字符,则表示在父级路径的基础.上增加,例如配置为user/list, 由于父级配置了/admin,则完整路径为/ admin/user/list

另外,如果希望访问子级嵌套的视图(例如以. 上/ admin对应的视图)时就打开某个其子级视图(例如以上/admin/user/list对应的视图),在配置存在子级的视图(例如以上/admin对应的视图)时,还可以添加redirect属性,使其直接重定向到子级视图

总结

使用VUE Cli的优势:

  • 显示的页 面由多个视图组件共同构成,便于替换任何视图组件,实现“复用”的效果
  • 由于是单页面的,各个库的安装与配置都只需要做一次

设计视图:

  • VUE Cli工程默认加载App.vue
  • 标签表示将根据URL使用对应的视图组件
  • 每个视图组件中的根级