四、vue-router
(两种路由模式、编程式/组件式、如何传参(优缺点)、)
1.路由原理
路由就是用来解析URL实现不同页面之间的跳转
我们一步步实现这两种路由,来深入理解下底层的实现原理。我们主要实现以下几个简单的功能:
监听路由的变化,当路由发生变化时,
可以作出动作;
可以前进或者后退;
可以配置路由;
2.路由的两种模式
1.hash模式
- :在浏览器中符号的“#”,以及#后面的字符称之为hash,用window.location.hash读取;
特点:
- hash虽然在URL中,但不被包括在HTTP请求中;用来指导浏览器动作,对服务端安全无用,hash不会重加载页面
- hash 模式下,仅 hash 符号之前的内容会被包含在请求中,如
http://www.xxx.com,因此对于后端来说,即使没有做到对路由的全覆盖,也不会返回 404 错误。
( 说白了,就是监听 url 中 hash 的变化,然后渲染不同的内容,这种路由不向服务器发送请求,不需要服务端的支持;)
2.history模式
:h