vue3 provide / inject 用法

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)