标签：跨组件传参

provide inject 跨组件传参 + 响应式数据

父组件与子组件的传参，使用的是props，如果是父组件与孙子组件传参，大部分可能会采用递归的方式，也就是子组件props接收，然后再props传给孙子组件。或者使用vuex。但如果是迭代的方式，组件的层级越深，不断迭代的props会是代码越来越无法维护，冗余。于是官方出了provide inject。provide有父组件设置，inject由子组件接收，他们的特性：祖先组件不需要知道哪些后代组件使用它提供的属性后代组件不需要知道被注入的属性来自哪里例子：父组件<script> export default { provide: { foo: 'bar�...