1、vue-router
常说的路由器,比如一条消息的发送,要先找到目的地的公网,进入之后,在内网中通过映射表找到指定的机器,这样才能把消息发送到正确的位置
路由器提供了两种机制: 路由和转送.
路由是决定数据包从来源到目的地的路径.
转送将输入端的数据转移到合适的输出端.
路由中有一个非常重要的概念叫路由表,路由表本质上就是一个映射表, 决定了数据包的指向
理解后端路由和前端路由
hash模式,location.hash('/home') location.hash('/about')
H5的history模式:history.pushState({},'','/home') history.pushState({},'','/about') 栈结构
history.replaceState({},'','/home') 这种的不能后退
history.back() 等价于 history.go(-1) history.forward() 则等价于 history.go(1)
vue-router 使用
1、安装 npm install vue-router --save 运行时依赖 使用cli的时候,选择安装vue-router后就不用安装了
2、模块中使用
Vue.use(VueRouter) 完了再挂载上就行了
使用路由
设置路由的默认地址
两个路由,活跃的上面有个class,router-link-active,还有个exact属性,后面学到再说
动态路由
路由的懒加载
懒加载不会一次性从静态服务器取出所有的js,一次取一部分,这样提高加载速度