vue的keep-alive缓存不缓存如何配置

网上写的很多都很冗余，咱们直接来

1.首先点进去App.vue,将你写的keep-alive改为以下代码：

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

2.在你的路由跳转组件配置中这样写，true代表缓存，false代表不缓存（重点是加上meta里面的值，其他的都是你自己配置的路由）

{
	  path:'/detail',
	  name:'Detail',
	  meta: {
	      keepAlive: true,  //代表需要缓存
		},
	  component:()=>
		import('../views/Detail.vue'),
	  
  },

大家看自己的组件有没有缓存可以看网络请求有没有再次发送，没有发送则证明已经缓存了