vue组件keepAlive的使用

//vuex/index.js
new Vuex.store({
    state: {
        catchPages: []
    },
 　mutations: {
        add(state, item) {
            if (state.catchPages.indexOf(item) === -1)
            state.catchPages.push(item);
        },
        remove(state, item) {
            let index = state.catchPages.indexOf(item);
            if(index >0)
            state.catchPages.splice(index, 1)
        }
    },
    actions: {
        add(state, item) {
            state.commit('add', item)
        },
        remove(state, item) {
            state.commit('remove', item)
        },
    },
    getters: {
        catchPages(content){
            return content.catchPages;
        }
    }
})

<!--app.vue-->
<keep-alive :include="$store.getters.catchPages">
        <router-view v-if="$route.meta.keepAlive"></router-view>
</keep-alive>
<router-view v-if="!$route.meta.keepAlive"></router-view>

beforeRouteLeave(to,from,next){
    //do something
 　next();
}