Vue3依赖注入 provide/inject

官网:https://cn.vuejs.org/guide/components/provide-inject.html

Prop 逐级透传问题

有一些多层级嵌套的组件,形成了一颗巨大的组件树,而某个深层的子组件需要一个较远的祖先组件中的部分数据。如果组件链

路非常长,可能会影响到更多这条路上的组件。这一问题被称为“prop 逐级透传”。

provideinject 可以帮助我们解决这一问题。一个父组件相对于其所有的后代组件,会作为依赖提供者。任何后代的组件

树,无论层级有多深,都可以注入由父组件提供给整条链路的依赖。

Provide (提供)

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

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


// 不使用 
                    
                    

你可能感兴趣的:(#,Vue3,vue.js,javascript,前端)