vue路由

安装
main导入
导入组件,创建路由实例,app加载实例
router-view展示
@表示跟目录 src


2.路由的跳转
pash名
router-link to 跳转的路由pash名
router-view展示

3.路由携带参数
/:id/:user  获取参数

4.嵌套路由(子路由)
 添加  child[{}]   path不要/   渲染需要/  

5.编程式导航 js事件跳转
this.$router.push('home')
this.$router.push({ path: 'home' })
this.$router.replace('home') 历史记录有关

6.命名路由
name名
<router-link :to="{ name: 'user', params: { userId: 123 }}">User</router-link>

this.$router.push({ name: 'user', params: { userId: 123 }})


7.获取路由地址
重定向等
$route.path

8.路由高亮效果
linkActiveClass
点击路由会生成一个class,给这个class一个样式

  

posted @ 2020-11-18 16:22  java_静止  阅读(122)  评论(0编辑  收藏  举报