vue $router传参，地址栏传参

两种方式
1query 传参 参数会在地址栏上显示
2 params 传参 参数不会显示在地址栏上

注意！！！params 在路径跳转时 只支持name 两种方式不能同时使用（写在一起）

@router/index.js
配置路由 （我这里是二级路由，这种传参方式没有限制哈！随意传）

{
        path: '//only',
        component: Only,
        children: [
          // 基础信息
          { path: '//only/basics0', component: Basics0, name: 'Basics0' },
          // 仓储信息
          { path: '//only/storage1', component: Storage1 },
          // 报关信息
          { path: '//only/customs2', component: Customs2 },
          // 电商信息
          { path: '//only/commerce3', component: Commerce3 }
        ]
      }

（1）query传参
@only/index.vue 传参 是router 这种方式支持name和path路径

this.$router.push({ // 核心语句
		// name: 'Basics0',
        path: '//only/basics0', // 跳转的路径
        query: { // 路由传参时push和query搭配使用 ，作用时传递参数
          employeeId: this.employeeId
        }
      })

@baseics0/index.vue 接收 是route 注意接收时少了一个r！！

created () {
    this.employeeId = this.$route.query.employeeId
    console.log(this.employeeId)
  },

地址栏传参完成
（2）params 传参
@only/index.vue 传参 是router 这种方式只支持name 不支持路径

this.$router.push({ // 核心语句
        name: 'Basics0',
        params: {
          page: '444444', code: ID
        }
      })

@baseics0/index.vue 接收 是route 注意接收时少了一个r！！

created () {
    console.log(this.$route.params.page)
    console.log(this.$route.params.code)
  },

params 传参完成 这种方式不会在地址栏显示参数