vue跳转页面与传参

一

1.
	<router-link to="/register">
		<span>注册账号</span>
	</router-link>
	( to='要跳的页面路径',router-link相当于a标签 )

2.

	this.$router.push({ path:url,query:arry})
	( url: 要跳的页面路径, arry: 要传的参数,是一个对象 )

二

1.通过query配置：

<router-link :to="{ name:'login',query:{id:1} }">登录</router-link>

通过query配置的路径显示如下：

2.通过params配置：

<router-link :to="{ name:'register',params:{'name':'San'} }">注册</router-link>

通过query配置的路径显示如下：

获取路由参数的方法：

1.通过query配置的：

this.$route.query

2.通过params配置的：

this.$route.params