【九月打卡】第十六天 + Vue面试考点

课程名称：前端框架及项目面试 聚焦Vue3/React/Webpack

课程章节：Vue3.0

主讲老师：双越老师

课程内容：

今天学习内容包括

1. 路由的query传参

2. 路由的params传参
   

课程收获：

路由的query传参

• 方法一：to 的字符串写法，v-bind 绑定 to，地址和值用模板字符串包裹。

• 方法二：to 的对象写法，v-bind 绑定 to，在对象中配置 path 和 query，path 是路径，query 里面是参数。

命名路由

• 可以简化路由的跳转

• 给路由命名：name: 'xxx'

• to 要加 v-bind 绑定

• to 里面是对象的键值对形式，{name: 'xxx'}

路由的params传参

• 配置路由，声明接收 params 参数

• to 的字符串写法

• to 的对象写法

• 注意：路由携带 params 参数时，若使用 to 的对象写法，则不能使用 path 配置，必须使用 name 配置！

课程学习截图：