p117 路由的简介

前端路由和后端路由

p118 路由基本使用

安装路由插件

应用插件

创建并暴露一个路由器,路由里面配置不同的组件路径

引入我们定义好的路由器(蓝色边框内)

在App.vue中使用路由

p119几个注意点

为了规范,组件分为2种,一种是路由组件,一种是普通组件

各个组件vc上的路由不同,但是路由器是相同的

p120嵌套路由

效果

p121 路由的query参数

三级路由嵌套

传参

上图中传了参数是假的,和data中数据无关,下面使用传data中的数据

字符串写法传参(不推荐)

对象写法传参(推荐)

使用传过来的参数

效果

p122 命名路由

这里跳转的时候,就不用写一长串path了,通过name映射到路径

对象式

字符串式

p123 路由的params参数

两种参数query和params
传参

样例

真实传参

使用参数

注意:有个坑
当这里使用params传参时,路由跳转无法使用path,只能使用name