一.核心码
1、获取参数
this.$route.query.id
this.$route.query
2、翻页
登录
3、方法跳跃
this.$ router.push (path : (/log in )，query : (id : ) 456 ) )；
二.所有代码
登录
注册
测试单击调整页
//组件的本地注册
var ComponentA={
data :功能()//组件数据
返回{
count: 0
}
(，
template : ' youclickedme { { count } } times.'//组件模板
(；
var Component_login={
template: '
登录--- { $ route.query.id }---{ { id }-- { { name } }，data: function (
返回{
name: 'name1'，
获取//id : this.$ route.query.id//URL参数。 这个不能用。 不是实时的！
(；
(，
计算： {
id :功能() {
return this.$route.query.id//获取计算属性的url参数。 可以按如下方式使用它
}
(，
created () )
控制台. log (this.$ route.query )。
(，
(；
varcomponent _ register={ template : }
组件2 ' } '； //路由
var routerObj=new VueRouter({ (
routes: [
{ name:'login '，path: '/login '，component: Component_login }，
{ name:'register '，path: '/register '，component 3360 component _ register }
]
() )
newvue({
el: '#components-demo '，
组件： {
'组件- a ' :组件a，
' component-1 ' : component _ log in，
' component-2 ' : component _ register
(，
路由器：路由器obj，
methods: {
fn 1:功能()//跳转页面
//this.$ router.push ({ name : ' log in '，query: ) id:'456 ) }；
this.$ router.push (path : (/log in )，query : (id : ) 456 ) )；
}
}
() )