路由出口:router-view
使用router-link组件来导航
使用this.$router 来访问当前路由
动态路由匹配:
动态路径参数,以冒号开头,当匹配到一个路由时,我们可以使用this.$router.params,可以在每个组件中使用
嵌套路由:
嵌套路由使用children关键字,可以进行多次嵌套
编程式导航
<router-link :to='要跳转的路径‘>
this.$router.push(可以是对象,也可以是字符串)
命名路由使用的是params
带查询参数,用query
命名路由:
通过name属性进行跳转的属性称为命名路由,<router-link :to={name:'路由中name的名称'}>
重定向
redirect
别名:
alias
vue-router的两种模式:
hash history
两种模式的优缺点:
hash有一个很丑的#,history以/开头,
hash的特点:虽然出现在url中,但不会被包括在http请求中,对后端完全没有影响,因此改
变hash不会重新加载页面
history虽然改变了当前的url,但是浏览器不会立即向后端发送请求
路由跳转的方式:
push(追加历史记录) replace(替换当前记录)
forward(前进) back(后退)go(可前进也可以后退)