Vue路由常见问题
原创路线是这样理解的:vue专门设计的插件库,用于实现SPA应用.
query传参;params传参;router-link的repalce属性;back/forward/push/repalce,go的用法;keep-alive及两个新生命周期使用
1.基本使用
npm 安装路由
注意:yarn 安装 yarn add vue-router
npm i vue-router
3.多级路由
4.路由的query参数
query有两种路由和传输参数的方法。
它们是:字符串和对象传递参数的编写;
name 传参
5.路由的params参数
params路由传参
方式一 路由配置
前端传参
页面接参
模式2路由配置
前端传参
页面接参
备注:用params 传参 必须用name传参,不能用path;
用query 传参 可用path 可用name;
6.路由的props属性
params写法
已收到组件
query写法
1)获取书写方法(推荐)
2)解构赋值
3)双重解构任务
总结:
7.router-link的replace属性
8.规划路线导航 (back,forward,push,repalce,go)
9.1 高速缓存路由组件 keep-alive
写入字符串
多个写入阵列
9.2 keep-alive两个常用的挂钩 activated 和deactivated
版权声明
所有资源都来源于爬虫采集,如有侵权请联系我们,我们将立即删除