(Vue-cli)三、路由传参（params参数&query参数&router和route&vue.config.js）

Posted 2023-03-09

参考技术A 路由配置：

页面：

路由地址，采用query传参方式：?参数1=XXX&参数2=XXX

params参数

query参数

插播传送门=>>>Vue Router 的params和query传参的使用和区别（详尽）

$router返回的是当前项目中的路由器对象。
$route返回的是当前路由信息。

vue.config.js 是一个可选的配置文件，如果项目的 (和 package.json 同级的) 根目录中存在这个文件，那么它会被 @vue/cli-service 自动加载。
vue.config.js 是vue的配置文件，必须创建在demo根目录下，该配置文件中，只能使用commonjs模块化语法，使用module.export导出，格式如下。

@符号代表src资源目录，在vue.config.js文件中将路径解析，path.resolve是拼接路径方法。将@c定义为当前绝对路径
@c代表src目录下的components文件，@v代表src目录下的views文件，其他同理，后续在其他文件中引入文件时，只需要使用以下方法即可导入，不会随着文件目录的改变而改变。