//子組件
    {
        path: '/Search/:keyword',
        name: 'Search',
        component: () =>
            import ('../views/Search'),
        meta: { show: true }
    }

//父路由組件
<router-link :to="/Search/123">進(jìn)入搜索頁(yè)面</router-link>

//父路由編程式傳參(一般通過(guò)事件觸發(fā))
this.$router.push({
    path:'/Search/${keyword}',
})

//父路由編程式傳參
 this.$router.push({
      name: "Search",
      params: { keyword: this.keyword },//這種方式的傳參必須要有路由的別名name
   });

{
        path: '/Search/:keyword?',
        name: 'Search',
        component: () =>
            import ('../views/Search'),
        meta: { show: true }
    }

 this.$router.push({
        name: "Search",
        params: { keyword: this.keyword || undefined },
      });

//父路由組件
<router-link :to="{name:'Search',params:{keyword:123}}">進(jìn)入搜索頁(yè)面</router-link>

//父路由編程式傳參
 this.$router.push({
      name: "Search",
      params: { keyword: this.keyword },//這種方式的傳參必須要有路由的別名name
   });

this.$route.params.keyword

//父路由組件
<router-link :to="{name:'Search',query:{keyword:123}}">進(jìn)入搜索頁(yè)面</router-link>

//父路由編程式傳參
 this.$router.push({
      name: "Search",
      query: { keyword: this.keyword },//這種方式的傳參必須要有路由的別名name
   });

 this.$router.push(`/Search?k=${this.keyword}`);

this.$route.query.keyword

//子路由
 {
        path: '/Search/:keyword?',
        name: 'Search',
        component: () =>
            import ('../views/Search'),
        meta: { show: true },
        props: true
    }

{
        path: '/Search/:keyword?',
        name: 'Search',
        component: () =>
            import ('../views/Search'),
        meta: { show: true },
        props: { a: 1, b: 2 } //定義a和b兩個(gè)變量
    }

 {
        path: '/Search/:keyword?',
        name: 'Search',
        component: () =>
            import ('../views/Search'),
        meta: { show: true },
        props: route => ({ k: route.query.keyword, keyword: route.params.keyword })
    }

//首先在父路由里面設(shè)置路由跳轉(zhuǎn)
this.$router.push({
        name: "Search",
        params: { keyword: this.keyword || undefined },
        query: { k: this.keyword.toUpperCase() },
      });
//然后給子路由的路徑配置里面加上props
{
        path: '/Search/:keyword?',
        name: 'Search',
        component: () =>
            import ('../views/Search'),
        meta: { show: true },
        props: route => ({ k: route.query.k, keyword: route.params.keyword })
    }