vue3的provide与inject

官方文档 文档地址.

在组合式 API 中使用 provide/inject。两者都只能在当前活动实例的 setup() 期间调用

使用 Provide

let name = ref('name')
let info = reactive({
	age:18
})
provide("name", name);
provide("info", info);

//也可以向子组件传方法
let getInfo = ()=>{console.log('getInfo')}
provide("getInfo", getInfo);

使用inject

let name = inject("name");
let info = inject("info");    
    return {
      name,
      info
    };

//注入方法
let getInfo = inject("getInfo");
getInfo()

如果只想使用reactive的其中一个值,这个官网上没有写

父组件

let info = reactive({
	age:18
})
provide("age", toRef(info, "age"));

子组件

let age = inject("age");