【vue3 学习笔记】依赖注入

type
status
date
category
slug
summary
tags
icon
password
 
vue3中数据的依赖注入是通过provide和inject实现的，provide负责在父级组件中提供一个要传递给子组件的值，inject负责在子组件中接收父组件提供的值。

父子组件传参

父组件通过provide提供值

子组件通过inject接收值

全局公共注册

如果想要注册全局任何组件都可以用的数据，可以通过app.provide进行全局注入。如果父组件和全局中有名称一样的数据注入时，会使用和当前组件最近的父组件中的数据。

在全局中通过app.provide注入数据

mian.js

在父组件中通过provide注入数据

App.vue

在子组件中通过inject获取数据

src/components/Child.vue
 
Prev
【vue3 学习笔记】Vue3生命周期
Next
【vue3 学习笔记】响应式：进阶
Loading...