provide & inject 作用:跨层级共享数据。
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/2406c5dff1ab2b33f14ce21ddaa38796.png)
1. 父组件 provide 提供数据
export default {
provide () {
return {
color: this.color,
userInfo: this.userInfo,
}
}
}
2.子/孙组件inject取值使用
export default {
inject: ['color','userInfo'],
created () {
console.log(this.color, this.userInfo)
}
}