vue组件通信之provider/inject

provider/inject:简单的来说就是在父组件中通过provider来提供变量,然后在子组件中通过inject来注入变量。

需要注意的是这里不论子组件有多深,只要调用了inject那么就可以注入provider中的数据。而不是局限于只能从当前父组件的prop属性来获取数据。

first:定义一个parent component


third 定义另一个子组件


运行结果为


1.png

你可能感兴趣的:(vue组件通信之provider/inject)