vue-router 路由跳转传值和获取显示 （解密展示）

vue-router 路由跳转传值和获取
跳转传值的两种方式

1. 通过 path (路径) 进行跳转
   如果传入对象, 可以在跳转的同时传参, 但是传递的query参数, 会被暴露在地址栏的查询参数中

   this.$router.push('/login')   跳转到登录页
    
    this.$router.push({
   
    	path: '/login',
    	query: {
   
    		aa: 11,
    		bb: 22
    	}
    })

1. 通过 name (路由名字) 进行跳转
   路由是可以起名字的, 将来就可以基于名字进行跳转了

    {
    path: '/login', name: 'login', component: Login }

语法:

    this.$router.push(对象)
    
    // 1. 正常跳转
    this.$router.push({
   
        name: 'login'
    })

// 2. 跳转传参, 拼接在地址栏