一、路由之间是怎么跳转的?有哪些方式?
- < router-link to=“需要跳转到页面的路径” >
- this.$router.push() 跳转到指定的 url,并在 history 中添加记录,点击回退返回到上一个页面
- this.$router.replace()跳转到指定的 url,但是 history 中不会添加记录,点击回退到上上个页面
- this.$router.go(n) 在 history 记录中向前或者后退多少步
解析:vue-router官方文档
二、Vue-Router 怎么配置路由?
- 安装
npm install --save Vue-Router
- 引用
import VueRouter from 'Vue-Router
- 配置路由文件
var router = new VueRouter({
routes:[
{ path:"/hello",
component:HelloWorld
},
{
path:"/wen",
component:HelloWen ‘n
’new Vue({ el: '#app', components: { App }, router, template: '<App/>' })
三、query 和 params 之间的区别是什么?
- query 要用 path 来引入,params 要用 name 来引入
- 接收参数时,分别是 this.$route.query.name 和 this.$route.params.name
四、$route 和$router 的区别是什么?
- $route 是“路由信息对象”,包括 path,params,hash,query,fullPath,matched, name 等路由信息参数。
- $router 为 VueRouter 的实例,相当于一个全局的路由器对象,里面含有很多属性和子对象,例如 history 对象,经常用的跳转链接就可以用 this.router.push 会往 history 栈中添加一个新的记录。返回上一个 history 也是使用$router.go 方法