1、provide与inject的性能
通过provide与inject，能够把一个先人组件指定的数据和办法，传递给其所有子孙组件中
provide 和 inject 次要在开发高阶插件/组件库时应用.
因为vue有$parent属性能够让子组件拜访父组件。但孙组件想要拜访先人组件就比拟艰难。通过provide/inject能够轻松实现跨级拜访父组件的数据,provide和inject是成对呈现的.
2.为什么不应用父子组件props传值呢？
因为父子组件props传值须要须要晓得往哪一个子组件传值，而el-form组件中会注入的子组件是不确定的。provide只须要将传递的值抛出，不须要晓得应用哪一个子组件，子组件通过inject注入获取数据，也不须要晓得父组件是谁，因而在封装组件库的时候很便当。而且props只能在父子组件中传值,波及到孙组件就不能够应用了.
3.provider/inject用法
provider/inject：简略的来说就是在父组件中通过provider来提供变量，而后在子组件中通过inject来注入变量
须要留神的是这里不管子组件有多深，只有调用了inject那么就能够注入provider中的数据。而不是局限于只能从以后父组件的prop属性来获取数据。
provide：是一个对象，或者是一个返回对象的函数。外面呢就蕴含要给子孙后代的货色，也就是属性和属性值。
inject：一个字符串数组，或者是一个对象。属性值能够是一个对象，蕴含from和default默认值，from是在可用的注入内容中搜寻用的 key (字符串或 Symbol)，意思就是祖父多层provide提供了很多数据，from属性指定取哪一个key;default指定默认值。
父组件:
<script>export default { // 父组件通过provide将本人的数据以对象模式传出去 provide(){ return { msg:'一条信息' } }};</script>子孙组件:
<script>export default { // inject:["msg"], // 应用一个注入的值作为数据入口 inject:{ //或者写成对象 // 应用一个默认值使其变成可选项 msg: { // 键名 from: 'msg', // 起源 default: '' // 默认值 } }}</script>小结：
这样咱们就能够通过admin模板来做咱们的我的项目了, js高程第四版链接: https://pan.baidu.com/s/18P8k... 能够加公众号获取提取码.
若有不懂的中央，请加q群147936127交换或者vx: ltby52119，谢谢~