在本篇文章里小编给大家整理的是一篇关于vue父组件给子组件的组件传值provide inject的方法，需要的朋友们学习下。

前言 最近使用Vue全家桶手撸了一个pc版小米商城的前端项目，对于组件通信和状态管理有了一个更加深刻的认识。因为组件划分的比较细，开始我使用的是基本的props和emit传值，后来发现一旦嵌套过深就变得很繁琐，同时考虑到有多个组件存在需要共同管理的状态，基本的传值已经没有办法满足需求了，所以使用到了vuex来划分模块管理状态。这里需要提一点就是，如果不存在多组件共同管理的状态，最好是不用vuex管理，vuex是用来管理多组件共同状态的，单单只需要实现跨组件、隔代组件通信的话，使用eventbus

一般情况下我们父子之间的传值用的是props，这个就不多说了，但是如果想让父给子组件的组件传值怎么办呢，这里我们就可以用到 provide 和 inject（依赖注入） provide/inject需要一起使用，我们可以从父组件的provide传值，子组件或者孙组件，就可以用inject来接受子组件的provide属性值 具体的可以看官网介绍provide/inject:https://cn.vuejs.org/v2/api/#provide-inject 下面我们可以写个简单的例子来演示一下

前言 Vue中父组件到子组件的通信主要由子组件的props属性实现。但是在一些情况下，父组件无法直接向子组件的props传值。比如子组件通过父组件的slot进入父组件，父组件根本不知道子组件是谁，更不用说用子组件的props了。这时应该怎么办呢？Vue在2.2.0版本引入了provide与inject，正好适合处理这一情况。 什么是provide与inject 用文档的话说： provide/inject需要一起使用，以允许一个祖先组件向其所有子孙后代注入一个依赖，不论组件层次有多深，并在起上