provide与inject实现组件间的传值

首先引入

import { ref, provide, inject } from "vue";

祖先组件给后代组件提供数据

两个参数：第一个参数就是提供的数据key，第二个参数是祖先组件提供数据

let msg = ref("一条消息");

provide("msg", msg);

后代组件中使用inject接收

注入祖先组件提供数据
需要参数:即为祖先提供数据的key

let msg = inject("msg");
let gsonMsg = ref("孙子组件的数据");
provide("gsonMsg", gsonMsg);
const update = () => {
  msg.value = "更新后的数据";
};