vue官方api文档关于provide / inject的介绍问题

Question

对于from的解释不是特别明白，

对红框里面的内容解释不是特别明白：
from到底是什么啊，是provide里面的key还是provide里面的value啊，有点儿搞不懂

Answer 1

我来给你翻译一下...
inject可以有两种写法:

1. 字符串数组

   inject: ['foo']

2. 一个对象

   // 'bar'是父组件provide进来的变量名，foo是子组件使用的变量名
   inject: {
     foo: 'bar'
   }
   
   // from将'foo'指定给父组件provide进来的变量'bar'
   // default的意思是，当'bar'不存在时，会取'foo'的值(这里的'foo'也是父组件provide进来的变量)
   inject: {
     foo: {
       from: 'bar',
       default: 'foo'
     }
   }

Answer 2

简单点理解就是from:'bar'，'bar'对应的就是父组件provide对象里面的'bar'属性，'bar'不存在就用default的值。
可以看下这个简单的demo了解一下：https://codepen.io/gentlecode...

Answer 3

应该是provide里面的key