vue3 provide / inject 用法
父组件
<div v-show="loading">123</div>
import { provide, ref } from 'vue'
setup() {
const loading = ref(false);
const cl_loading = val => {
loading.value = val
}
provide('cl_loading', cl_loading);
provide('cl_text', 'aa');
return {
loading,
}
}
子组件
import { inject } from 'vue';
setup() {
const cl_loading = inject('cl_loading'); //函数
let cl_text = inject('cl_text'); //aa
}
//使用
cl_loading(true)