初学vue3与ts：keep-alive的简单使用

2023-12-13 09:09:00

vue2用法

<keep-alive :include="keepAliveNames">
	<router-view></router-view>
</keep-alive>
<script>
	//include代表缓存name是FleetList的组件
	this.keepAliveNames = 'FleetList'
</script>

vue3用法

<router-view v-slot="{ Component }">
	<keep-alive :include="keepAliveNames">
		<component :is="Component"></component>
	</keep-alive>
</router-view>
<script setup>
	//include代表缓存name是FleetList的组件
	const keepAliveNames = ref('FleetList')
</script>

不要问Component 是什么，这么写就对了。
ps：因为我也不知道Component 是什么，折腾了好久才明白。不要问，问就是:is=“Component"的跟v-slot=”{ Component }"一样就对了

文章来源:https://blog.csdn.net/qq_32707555/article/details/134854315
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。