什么是路由? 1.后端路由:对于普通网站来说,所有的链接都是URL地址,所有的URL地址都对应服务器上对应的资源 2.前端路由:对于单页面应用程序来说,主要通过URL中的hash(#号)来实现不同页面之间的切换,同时,hash有一个特点:HTTP请求中不会包含hash相关的内容,所以,单页面程序中的 ...
分类:
其他好文 时间:
2020-03-12 09:26:16
阅读次数:
40
单页面应用(singlePAge Web Application) 多页面应用MultiPage Applicaton,MPA) 组成 一个外壳页面和多个页面片段组成 多个完整的页面组成 资源公用(css,js) 共用,只需在外壳部分加载 不共用,每个页面都需要重新加载 刷新方法 页面局部刷新或更改 ...
分类:
Web程序 时间:
2020-03-10 15:44:04
阅读次数:
116
Vue-Router是Vue的官方路由器,它和Vue的核心深度集成,让构建单页面应用变得亦如反掌。 阅读VueRouter的源码需要深刻理解Vue才能完全理解,因为它里面很多概念用到了Vue,相比较vuex、axios,我认为Vue-Router的源码比较晦涩,难以理解,原因如下: Router-v ...
分类:
其他好文 时间:
2020-03-03 12:56:30
阅读次数:
59
路由 根据地址栏的改变渲染不同的组件 实现单页面应用的一个手段。路径走向。 router: 路由器,代表的是整体 route:路由,代表的是个体 1. 控制地址栏的改变 2. 渲染不同的组件 路由的基本使用 1. 安装路由 2. 配置路由表(router/index.js) 3. 注册路由(main ...
分类:
其他好文 时间:
2020-02-23 22:23:38
阅读次数:
64
说明 学习的时候,尽量的打开官方的文档 Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成,让构建单页面应用变得易如反掌。包含的功能有: 嵌套的路由/视图表 模块化的、基于组件的路由配置 路由参数、查询、通配符 基于 Vue.js 过渡系统的视图过渡效果 细 ...
分类:
其他好文 时间:
2020-02-22 16:13:44
阅读次数:
79
一. 路由:根据不同URL地址,动态让根组件挂载其他组件来实现单页面应用,相对地址 1. 项目一开始创建就会询问是否添加路由(Angular routing) 2. 有无路由区别{ 1. 多了一个routing的ts文件(配置路由的ts文件) 2. 在app中module中引入路由并配置 3. ap ...
分类:
其他好文 时间:
2020-02-22 15:54:26
阅读次数:
58
为什么需要懒加载? 像vue这种单页面应用,如果没有应用懒加载,运用webpack打包后的文件将会异常的大,造成进入首页时,需要加载的内容过多,时间过长,会出啊先长时间的白屏,即使做了loading也是不利于用户体验,而运用懒加载则可以将页面进行划分,需要的时候加载页面,可以有效的分担首页所承担的加 ...
分类:
其他好文 时间:
2020-02-14 10:52:45
阅读次数:
92
一、v-router插件 1.v-router插件介绍 v-router是vue的一个核心插件,vue+vue-router主要用来做SPA(单页面应用)的。 什么是SPA:就是在一个页面中,有多个页签,我们选择页签显示不同的内容,但页面不跳转。 例如: 在网易云音乐的主页中,发现音乐、我的音乐、朋 ...
分类:
其他好文 时间:
2020-02-08 00:24:48
阅读次数:
52
官方脚手架 create-react-app React 提供了一个官方的命令行工具(CLI)—— create-react-app,是专门用于快速搭建单页面应用(SPA)的脚手架,它基于 Webpack + ES6,无需开发者自行配置,只需通过一些命令就能快速构建 React 开发环境、运行项目, ...
分类:
其他好文 时间:
2020-02-03 20:38:05
阅读次数:
57
当用户在没有登录的状态下,只能够访问到系统的登录界面,不管输入的路由是什么,都会跳转到登录界面,当用户登录成功后,就会将登录的信息保存到 sessionStorage中,话不多说,直接上代码: 第一步是配置路由:第一个路由是不需要登录就能够进入的路由,第二个是需要登录才能进入的路由 { path: ...
分类:
其他好文 时间:
2020-01-30 12:52:53
阅读次数:
201