vue 如果讓頁(yè)面來(lái)回跳轉(zhuǎn)，但數(shù)據(jù)不變

我當(dāng)前場(chǎng)景是，產(chǎn)品搜索頁(yè) /search?a=b&c=d 與 產(chǎn)品詳情頁(yè) /item/123 都是在同一個(gè) router-view ;

我想要效果是，列表頁(yè)跳轉(zhuǎn)詳情頁(yè)，再跳回來(lái)，列表頁(yè)不刷新

兩個(gè)頁(yè)面路由如下

children: [
    {
        path: 'search',
        name: 'search',
        meta: {
            title: '商品搜索',
            keepAlive: true
        },
        component: _import('xx')
    },
    {
        path: 'item/:skuid',
        name: 'detail',
        meta: {
            title: '商品詳情',
            keepAlive: false
        },
        component: _import('xxx')
    }
]

搜索頁(yè)面監(jiān)聽(tīng) $route（如下代碼），一有變化就加載產(chǎn)品列表，

watch: {
    '$route': {
         handler: 'getProduct',
         immediate: true
     }
}

搜索一下網(wǎng)上很多提到用 keep-alive結(jié)合mate.keepAlive實(shí)現(xiàn)，但我不明白原理，并且下面寫(xiě)法并不能實(shí)現(xiàn)想要效果

<keep-alive>
    <router-view></router-view>
</keep-alive>

第一次用前端框架，很多概念都不怎么理解，看文檔有點(diǎn)懵逼

我的思路是不是錯(cuò)了，或者是寫(xiě)法錯(cuò)誤，希望得到指點(diǎn)，拜托了