【vue3练习 -15】vue3使用provide与inject

作用：祖孙组件之间传值用的，只要是孙组件不管多深都能拿到值

provide（提供）：祖组件发送值用的，

inject（注入）：孙组件接收值用的

使用示例：

父组件：

import { ref,provide } from "vue";

  setup(){
    let ball = ref('篮球')
    //这东西必须要在setup中使用，不能再自定义的函数方法内使用
    //接收两个参数：第一个是参数名，第二个参数值
    provide('ball',ball)
    return{
      ball,
    }
  }

孙组件：

import { ref,inject } from "vue";

 setup() {
   let ball = inject('ball')//直接调用这个api传入当初祖组件传的值名称就行了，返回的值依然是响应式的，直接可在模板使用
    return {
      ball,
    };
  },