vue 三种路由跳转方式

方式一:

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

方式二:

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

 第三种方式:

this.$router.push({
    path: "/order/zh", //path是路径
    params: {
        //这里是传递的参数
    }
});

方式二和方式三的区别是：

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

全局组件实现

在vue-router中，有两个全局组件，router-link 和 router-view ,router-link 实现的效果是通过一个 a标签进行跳转， router-view是对路由相对应的页面进行渲染。