Vue的跳转、传参、接参

一、跳转传参接参的方式

this.$router.push()

• 在方法（methods：{}）内使用，比如通过一个点击时间等方法来触发跳转

使用方法

• 不带参数

	// 使用name和path都可以
	this.$router.push('/index')
	this.$router.push({name:'index'})
	this.$router.push({path:'/index'})

• 带参数query

	if(command=='my'){
		this.$router.push({path:`/userinfo/index`,query: {uid:this.userid}})
	}else if(command=='up'){
		this.$router.push({path:`/info/index`,query: {activeName:'third'}})
	}else if(command=='logout'){
		this.logout();
		return;
	}

• 取值的话直接在JS或者HTML中引用即可

	 HTML 取参 {{$route.query.uid}}
	 JS 取参 this.$route.query.activeName

• 带参数params

	this.$router.push({
		name: 'index',
		params: {
			weid: weid
		}
	});

• 取值的话直接在JS或者HTML中引用即可

	params 只能用 name
	HTML 取参 {{$route.params .weid}}
 	JS 取参 this.$route.params .weid

两者传参的差别，前者类似于get会将传递的参数拼接到URL中，后者就是post了URL中不会携带参数。