vue中的provide和inject

父组件向子孙组件传递数据，轻松跨级访问父组件数据

npm install -g vue-cli 全局安装vue-cli
vue init webpack spa 初始化spa项目
cd spa
npm run dev
访问http://localhost:8080看到初始化界面
1.组件多层嵌套如下图：

微信图片_20210324204815.png
2.代码：
父组件：
export default {
name: 'App',
components: {
HelloWorld,
Brother
},
provide:{
for:'你好吗'
}
}

孙子组件：
export default {
inject: ["for"],

mounted() {
console.log(this.for, "for3");
}
};
适用于封装组件库