我當前場景是，產品搜索頁 /search?a=b&c=d 與 產品詳情頁 /item/123 都是在同一個 router-view ;

我想要效果是，列表頁跳轉詳情頁，再跳回來，列表頁不刷新

兩個頁面路由如下

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

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

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

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

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

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

我的思路是不是錯了，或者是寫法錯誤，希望得到指點，拜托了