路由的router-link标签有几个其他属性:

路由可以传递值(一般用作条目的id传递,之后用这个id从axios获取页面显示的数据

第一步:

  定义路由以及值的属性名称(之后在跳转路由后页面里面获取值的话用这个属性名

   

第二步:

   在route-link标签里指定路由链接及值,写法如下

  

第三步:

  id的值33传过去了

  我们需要获取它,那么我们定义一个计算属性获取值

路由的懒加载:

路由的懒加载
当打包构建运用时,js包会变得非常大,影响页面加载
如果我们能把不同路由对应的组件分割成不用的代码块,然后当路由被访问的时候才加载对应组件
这样就更高效了
官方在说什么呢?
首先,我们知道路由中通常会定义很多不同的页面
这些页面最终是放在一个js文件中
但是,这么多文件放一个js里面,必然会造成页面非常大
路由懒加载做了什么?
主要作用是将路由对应的组件打包成一个个的js代码块
只有这个路由被访问到的时候,才加载对应组件

  

实现如下:

  

最新文章

  1. Objective-C中把数组中字典中的数据转换成URL
  2. Codeforces Round #267 (Div. 2)
  3. 重新想象 Windows 8 Store Apps (41) - 打印
  4. iframe父子窗口取值
  5. 期末考试--nyoj-757
  6. (6)Xamarin.android google map v2
  7. HDU--1301--Jungle Roads(最小生成树)
  8. Tcl与Design Compiler (十二)——综合后处理
  9. linux vi/vim编辑文件显示行号
  10. Cookies的使用之购物车的实现
  11. Java中的transient关键字
  12. 使用WebSocket帮助应用程序群集节点间通信
  13. MVC实战之排球计分(五)—— Controller的设计与实现
  14. python魔法方法-属性转换和类的表示
  15. 【Linux 系统】Linux探秘之用户态与内核态
  16. windows注册表
  17. Java同步机制之Monitor监视器与syncrhoized实现原理
  18. Python学习-18.Python中的错误处理(三)
  19. HDU 1994 利息计算 数学题
  20. Git简明教程二、开始进行版本管理

热门文章

  1. drf序列化高级、自定义只读只写、序列化覆盖字段、二次封装Response、数据库查询优化(断关联)、十大接口、视图家族
  2. gcd综合
  3. linux传输文件-sftp
  4. 聊聊spring之bean对象的实例化过程
  5. Redis-位图
  6. Ubuntu-Server18.04开启无线网卡并配置静态ip
  7. [CF1311A] Add Odd or Subtract Even
  8. Goodnotes5
  9. 基于axios的万能封装
  10. 解决jQuery中input 失去焦点之后,不能再获取到焦点