vue 中provide的用法_聊聊Vue中provide/inject的应用详解

众所周知，在组件式开发中，最大的痛点就在于组件之间的通信。在 Vue 中，Vue 提供了各种各样的组件通信方式，从基础的 props/$emit 到用于兄弟组件通信的 EventBus，再到用于全局数据管理的 Vuex。

在这么多的组件通信方式中，provide/inject 显得十分阿卡林(毫无存在感)。但是，其实 provide/inject 也有它们的用武之地。今天，我们就来聊聊 Vue 中 provide/inject 的应用。

何为 provide/inject

provide/inject 是 Vue 在 2.2.0 版本新增的 API，官网介绍如下：

这对选项需要一起使用，以允许一个祖先组件向其所有子孙后代注入一个依赖，不论组件层次有多深，并在起上下游关系成立的时间里始终生效。如果你熟悉 React，这与 React 的上下文特性很相似。

官网的解释很让人疑惑，那我翻译下这几句话：

provide 可以在祖先组件中指定我们想要提供给后代组件的数据或方法，而在任何后代组件中，我们都可以使用 inject 来接收 provide 提供的数据或方法。

举个官网的

vue 中provide的用法_聊聊Vue中provide/inject的应用详解相关推荐

python中bool函数用法_在python中bool函数的取值方法
bool是Boolean的缩写,只有真(True)和假(False)两种取值 bool函数只有一个参数,并根据这个参数的值返回真或者假. 1.当对数字使用bool函数时,0返回假(False),任何其 ...
python中len的用法_总结Python中len()函数的使用实例
这篇文章主要简单介绍了Python中的len()函数的使用,包括在四种情况下的使用小例子,是Python学习当中的基础知识,需要的朋友可以参考下函数:len() 1:作用:返回字符串.列表.字典.元 ...
python中result的用法_关于Python中的列表理解及用法
在Python中,列表理解通常用于编写单行语句,这些语句通过可迭代对象进行迭代以创建新的列表或字典.本文首先介绍for循环如何在Python中工作,然后解释如何在Python中使用列表理解. Pyth ...
python中size的用法_在Python中PyArray_SIZE的正确用法是什么？
我是新手操作C中的numpy数组.这里有一段代码让我1)将1-D,64-bit-float numpy数组列表传递给C和2)循环遍历每个数组,打印其内容. #include #include #inc ...
python中反向切片用法_使用Python中的切片[：0:-1]反转列表
举个例子a = [1, 2, 3, 4, 4, 5, 6, 9] 如果你试着用正指数分割它newa = a[1:5] 这将导致newa = [2, 3, 4, 4] 这是因为,在上面这种情况下,切片是 ...
finereport报表设计中模板数据集的sql语句中if的用法_报表工具中动态参数的灵活运用...
报表开发过程中,有的时候我们会觉得普通参数很难满足一些业务需求,比如第二个数据集要引用第一个数据集的结果进行计算,动态控制 SQL 的过滤条件,动态列等,如果您遇到了这种情况,可以尝试使用动态参数即 ...
python中or的用法_解析python中and与or用法
在Python 中,and 和 or 执行布尔逻辑演算,如你所期待的一样,但是它们并不返回布尔值:而是,返回它们实际进行比较的值之一.>>> 1 and 2 and 3 3 > ...
python中continue的用法_关于Python中continue用法问题
本人是Python初学者,现在学习到了continue和break的用法,但是为什么自己写这段代码的时候,输入了正确的数字('520')为什么不正确呢??我是想输入正确之后就打破循环打印'游戏结束.. ...
python中quit函数用法_关于 Python 中的退出命令：sys.exit(n), os._exit(n), quit(), exit()...
sys.exit(n) 标准的退出函数,会抛出一个 SystemExit 异常,可以在捕获异常处执行其他工作,比如清理资源占用如果 n 为 0,则表示成功; 非 0 则会产生非正常终止另外,除了可 ...

vue 中provide的用法_聊聊Vue中provide/inject的应用详解

vue 中provide的用法_聊聊Vue中provide/inject的应用详解相关推荐

最新文章

热门文章