Vue中router和route的使用

一.route

this.$route.params 获取传过来的参数
代码案例：

getProductInfo(){
this.axios.get(`/products/${this.$route.params}`).then((res)=>	{
    	this.product = res;
    })

二.router

$router.push 进行跳转
以下介绍三种路由跳转方式

1.普通传参

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

2.params传参

• 地址栏不会显示传入的参数
• params传参要使用name

this.$router.push({                
  	name:'order-list',
  	parmas:{
   		orderNo
  	}
})

3.query传参

• 地址栏会显示传入的参数
• query传参要使用path

this.$router.push({                
	path:'/order/list',
	query:{
		orderNo
	}
})