1、vue-router

常说的路由器,比如一条消息的发送,要先找到目的地的公网,进入之后,在内网中通过映射表找到指定的机器,这样才能把消息发送到正确的位置

路由器提供了两种机制: 路由和转送.

        路由是决定数据包从来源目的地的路径.

       转送将输入端的数据转移到合适的输出端.

路由中有一个非常重要的概念叫路由表,路由表本质上就是一个映射表, 决定了数据包的指向

理解后端路由和前端路由

Vue初学(三)

Vue初学(三)

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)    完了再挂载上就行了

Vue初学(三)Vue初学(三)

使用路由

Vue初学(三)

设置路由的默认地址

Vue初学(三)

两个路由,活跃的上面有个class,router-link-active,还有个exact属性,后面学到再说

动态路由

Vue初学(三)Vue初学(三)Vue初学(三)

路由的懒加载

Vue初学(三)

Vue初学(三)

懒加载不会一次性从静态服务器取出所有的js,一次取一部分,这样提高加载速度

 

 

 

 

 

 

 

相关文章:

  • 2021-04-26
  • 2022-12-23
  • 2021-12-25
  • 2021-11-17
  • 2021-04-26
  • 2021-12-10
  • 2021-05-05
  • 2022-01-04
猜你喜欢
  • 2021-08-08
  • 2021-08-03
  • 2021-07-13
  • 2021-04-30
  • 2021-12-28
  • 2021-12-20
  • 2022-12-23
相关资源
相似解决方案