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

版权声明
所有资源都来源于爬虫采集,如有侵权请联系我们,我们将立即删除
itfan123