bashbash{path:'/father/son/:num',name:A,component:A}```

<router-link to="/father/son/傳入的參數(shù)">父親組件<router-link>
 子組件通過  this.$route.params.num 接受參數(shù)

<button @click="clickHand(123)">push傳參</button>
  methods: {
    clickHand(id) {
      this.$router.push({
        path: `/d/${id}`
      })
    }
  }

{path: '/d/:id', name: D, component: D}

mounted () {
  this.id = this.$route.params.id
}

<button @click="ClickByName()">params傳參</button>
    ClickByName() {
      this.$router.push({
        name: 'B',
        params: {
          context: '吳又可吳又可吳又可'
        }
      })
    }

{path: '/b', name: 'B', component: B}

<template>
  <div id="b">
    This is page B!
    <p>傳入?yún)?shù)：{{this.$route.params.context}}</p>
  </div>
</template>

<button @click="clickQuery()">query傳參</button>
    clickQuery() {
      this.$router.push({
        path: '/c',
        query: {
          context: '吳又可吳又可'
        }
      })
    }

{path: '/c', name: 'C', component: C}

<template>
  <div id="C">
    This is page C!
    <p>這是父組件傳入的數(shù)據(jù): {{this.$route.query.context}}</p>
  </div>
</template>