总结：vue路由跳转带参数传递的三种常用方式

1.使用</router-link>标签跳转

//从首页跳转
<router-link tag="span" :to="{path:'/loginRegister',query:{type:1}}" class="login">登录</router-link>
<router-link tag="span" :to="{path:'/loginRegister',query:{type:2}}">注册</router-link>
//登录注册页面接收
mounted () {
	let self = this;
	console.log(self.$route.query)
},

2.事件方法中用this.$router.push跳转

//前提需在路由文件中配置好路径
//登录页面的点击事件
goIndex () {
	this.$router.push({path:'/index',query:{state:1}});
}
//主页接收参数
mounted () {
	let self = this;
	console.log(self.$route.query)
},

3.在标签上注明路径和参数，事件方法接受参数跳转

//登录页中
<div class="loginBtn" @click="loginFun({path:'/index',query:{state:1}})">登录</div>
//主页中接收
mounted () {
	let self = this;
	console.log(self.$route.query)
},