路由得理解:vue的一个插件库,专门用来实现SPA应用.
1.基本使用
npm 安装路由
注意:yarn 安装 yarn add vue-router
npm i vue-router
3.多级路由
4.路由的query参数
query路由传参两种方式
分别是:字符串和对象传参写法;
name 传参
5.路由的params参数
params路由传参
方式一 路由配置
前端传参
页面接参
方式二路由配置
前端传参
页面接参
备注:用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
一个写字符串
多个写数组