vue router的其他属性、 值的传递 、 懒加载

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

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

第一步:

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

   

 第二步:

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

  

 第三步:

  id的值33传过去了

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

路由的懒加载:

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

  

实现如下:

   

猜你喜欢

转载自www.cnblogs.com/cl94/p/12359329.html
今日推荐