vue路由緩存

在業務場景中有時候需要頁面緩存不清空，那么就需要保留緩存(include為需要緩存，而exclude為不緩存，且優先級大于include)

<KeepAlive> 是一個內置組件，它的功能是在多個組件間動態切換時緩存被移除的組件實例。

<router-view v-if="!$route.meta.keepAlive"></router-view>
<keep-alive include="頁面名稱"><router-view v-if="$route.meta.keepAlive"></router-view>
</keep-alive>

export const mainRoutes = {path: '/home',name: 'home',redirect: {name: 'welcome'},component: _import(`modules/home/home`),children: [{path: '/welcome',name: 'welcome',meta: {title: '首頁',keepAlive: false //不需要緩存設置為false，需要則為true},component: _import(`modules/welcome/welcome`)}]
}