provide与inject

provide[提供]

inject[注入]

vue3提供两个方法provide与inject,可以实现隔辈组件传递参数.

组件组件提供数据:

1、provide方法用于提供数据，此方法执需要传递两个参数,分别提供数据的key与提供数据value.

<script setup lang="ts">
    import {provide} from 'vue'
    provide('token','admin_token');
</script>

2、后代组件可以通过inject方法获取数据,通过key获取存储的数值

<script setup lang="ts">
    import {inject} from 'vue'
    let token = inject('token');
</script>