vue全家桶之路由vue-router

SPA ( single page App ) 单页面应用

多页面应用 有多个html文件,通过a标签的连接联通各个页面
缺点
开发起来太冗余,编译、压缩很耗时间
页面之间的跳转速度太慢,这个时候就会出现一个严重的问题,白屏
单页面应用

vue-router的优点

不需要刷新页面,因为它就是一个页面
这个页面内容在切换
单页面内容之间的切换要想实现我们就是用路由了
如今我们的app、后台管理系统 主要的开发形式就是spa

vue 路由的mode(模式)有几种, 分别是什么?在那些环境下运行?

hash: 使用 URL hash 值来作路由。支持所有浏览器,包括不支持 HTML5 History Api 的浏览器。 #/home
history: 依赖 HTML5 History API 和服务器配置。【需要后端支持】 /home
abstract: 支持所有 JavaScript 运行环境,如 Node.js 服务器端。如果发现没有浏览器的 API,路由会自动强制进入这个模式。【 这个模式不常用 】
hash/history 常用于浏览器端,abstract用于服务端

路由的组件

在这里插入图片描述

路由的页面配置

在这里插入图片描述
个人喜好的话会单独将模块分开

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_45663264/article/details/103019976