vue-router
路由基础介绍 vue-router
动态路由配置
模式 | 匹配路径 | $route.params.* |
---|---|---|
/user/:username | /user/evan | {username: ‘evan’} |
/user/:username/post/:postID | /user/evan/post/123 | {username: ‘evan’, postID: 123} |
模式 | 访问 |
---|---|
history | http://localhost:8080/goods/dagf89 |
hash | http://localhost:8080/#/goods/dagf89 |
- /user/:username的使用举例
为方便管理,使用的.vue文件统一新建在src->views下
第一:在views下新建一个GoodsList.vue
第二:去router下的index.js
第三步:访问http://localhost:8080/#/goods/dagf89,结果
模式 \quad