vue router的其他属性、 值的传递 、 懒加载
2024-10-08 08:00:53
路由的router-link标签有几个其他属性:
路由可以传递值(一般用作条目的id传递,之后用这个id从axios获取页面显示的数据
第一步:
定义路由以及值的属性名称(之后在跳转路由后页面里面获取值的话用这个属性名
第二步:
在route-link标签里指定路由链接及值,写法如下
第三步:
id的值33传过去了
我们需要获取它,那么我们定义一个计算属性获取值
路由的懒加载:
路由的懒加载
当打包构建运用时,js包会变得非常大,影响页面加载
如果我们能把不同路由对应的组件分割成不用的代码块,然后当路由被访问的时候才加载对应组件
这样就更高效了
官方在说什么呢?
首先,我们知道路由中通常会定义很多不同的页面
这些页面最终是放在一个js文件中
但是,这么多文件放一个js里面,必然会造成页面非常大
路由懒加载做了什么?
主要作用是将路由对应的组件打包成一个个的js代码块
只有这个路由被访问到的时候,才加载对应组件
实现如下:
最新文章
- Objective-C中把数组中字典中的数据转换成URL
- Codeforces Round #267 (Div. 2)
- 重新想象 Windows 8 Store Apps (41) - 打印
- iframe父子窗口取值
- 期末考试--nyoj-757
- (6)Xamarin.android google map v2
- HDU--1301--Jungle Roads(最小生成树)
- Tcl与Design Compiler (十二)——综合后处理
- linux vi/vim编辑文件显示行号
- Cookies的使用之购物车的实现
- Java中的transient关键字
- 使用WebSocket帮助应用程序群集节点间通信
- MVC实战之排球计分(五)—— Controller的设计与实现
- python魔法方法-属性转换和类的表示
- 【Linux 系统】Linux探秘之用户态与内核态
- windows注册表
- Java同步机制之Monitor监视器与syncrhoized实现原理
- Python学习-18.Python中的错误处理(三)
- HDU 1994 利息计算 数学题
- Git简明教程二、开始进行版本管理