KeepAlive是什么？

• KeepAlive是vue内部的一个组件
• 包裹动态组件时，会缓存不活动的组件实例,主要用于保留组件状态或避免重新渲染

kep- alive有两个生命周期

• 1、activated在keep- alive组件激活时调用；
• 2、deactivated在keep-live组件停用时调用。

Provide (提供)

• 要为组件后代提供数据，需要使用到 provide() 函数：

<script setup>
import { provide } from 'vue'

provide(/* 注入名 */ 'message', /* 值 */ 'hello!')
</script>

Inject (注入)

• 要注入上层组件提供的数据，需使用 inject() 函数：

<script setup>
import { inject } from 'vue'

const message = inject('message')
</script>