Vue之利用vueRouter的元信息实现页面的缓存

let routes = [
    {
        path: ‘/‘, redirect: ‘/home‘,
    },
    {
        path: ‘/home‘, 
        component: Home,
        meta: {
            keepAlive: true
        }
    },
    {
        path: ‘/list‘, 
        component: List
    }
]

<template>
    <div>
        //缓存
        <keep-alive>
            <router-view v-if="$router.meta.keepAlive"></router-view> 
        </keep-alive>
        //不缓存
        <router-view v-if="!$router.meta.keepAlive"></router-view> 
    </div>
</template>