Vue3的provide、inject

provide、inject适用于祖孙之间的数据传递

1. 祖先组件（提供数据）

   <script>
   import { ref,provide } from 'vue';
   export default {
   	setup() {
   		let msg = ref('hello world');
   		provide('msg', msg);
   	}
   }
   </script>
   

2. 孙组件（注入数据）

   <script>
   import { inject } from 'vue';
   export default {
   	setup() {
   		let msg = inject('msg');
   		return {
   			msg
   		};
   	}
   }
   </script>