使用Vue Router在页面间传参

export default new Router({
  // mode: 'history',  // Enable this if you need.
  scrollBehavior: (to, from, savedPosition) => {
    if (savedPosition) {
      return savedPosition
    } else {
      return { x: 0, y: 0 }
    }
  },
  base: process.env.BASE_URL,
  routes: [
    {
      path: '/login',
      component: () => import(/* webpackChunkName: "login" */ '@/views/login/index.vue'),
      meta: { hidden: true }
    },
    {
      path: '/404',
      component: () => import(/* webpackChunkName: "404" */ '@/views/404.vue'),
      meta: { hidden: true }
    },
    {
      path: '/brand',
      component: Layout,
      children: [
        {
          path: 'index',
          component: () => import('@/views/brand/index.vue'),
          meta: {
            title: '管理品牌',
            icon: 'nested'
          }
        },
        {
          path: 'add',
          component: () => import('@/views/brand/add.vue'),
          meta: {
            name: 'brandAdd',
            title: '新增品牌',
            icon: 'nested',
            hidden: true
          }
        }
      ]
    },
    {
      path: '*',
      redirect: '/404',
      meta: { hidden: true }
    }
  ]
})

<router-link :to="{path: '/brand/add',query={'id': brandId}}"  target="_blank"  tag="a">
新增品牌
</router-link>

this.$router.push(path='/brand/add', query={ 'id': brandId })

this.$router.push(name='brandAdd', query={ 'id': brandData })

this.$router.push(path='/brand/add', query={ 'data': brandData })

this.$route.query.id
this.$route.params.data