Vue路由常见问题

原创
小哥 3年前 (2022-10-27) 阅读数 175 #uni-app
文章标签 vuevue教程传参

路线是这样理解的: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

版权声明

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

热门