vue 三种路由跳转方式

三种路由跳转方式

• 1

this.$router.push('/order/pay');

• 2

this.$router.push({
    name:'order-pay',//name这里指路由的名称
    query:{
    orderNo//这里是传递的参数
    }
})

• 3

this.$router.push({
    path: "/order/pay", //path是路径
    params: {
    orderNo
    }
});

第二种和第三种的区别是：

第二种使用的是路由的名称跳转；第三种使用的是路径跳转 query传参和params传参的区别是：query传参可以将参数添加到地址栏里面去