vue3 依赖注入

Zoella Lv4
  2023-12-28 11:02:35 2023-12-28 11:02:35 Created   2024-01-12 17:18:16 2024-01-12 17:18:16 Updated    81 Words  1 Mins  2

props 逐级透传

深层子组件需要较远的祖先组件中的部分数据，使用 props 逐级传递很麻烦：

provide（提供）

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

1
2
3
4
5
<script setup>
import { provide } from 'vue';

provide(/* 注入名 */'message', /* 注入值 */'value');
</script>
  • Title: vue3 依赖注入
  • Author: Zoella
  • Created at : 2023-12-28 11:02:35
  • Updated at : 2024-01-12 17:18:16
  • Link: https://zoella-w.github.io/2023/12/28/20-vue3依赖注入/
  • License: This work is licensed under CC BY-NC-SA 4.0.
On this page
vue3 依赖注入
  1. 1. props 逐级透传
  2. 2. provide（提供）