Vue高级(1)

Vue高级

路由

not found 路由

除了配置好的路由规则url,其他的任何url都进入not found 组件

`

// 将匹配所有内容并将其放在 `$route.params.pathMatch` 下
{ path: '/:pathMatch(.*)', component: ()=>import('../views/NotFound') },

`

另一种写法

// 将匹配所有内容并将其放在 `$route.params.pathMatch` 下
{ path: '/:pathMatch(.*)*', component: ()=>import('../views/NotFound') },

区别：如果只有一个*则得到一个字符串，字符串不通过“/”分割

两个*：字符串通过“/”分割

路由的参数

/user/:id 通过url的占位符传递参数：这种url比？传值更美观（restful风格）

获得参数：$route.parms.属性名

url通过？传递值 之后的称为queryString

url使用data的数据：使用``字符串模板语言

命名路由

配置路由规则，设置name属性，给路由取名字

使用name替换path