vue 多级嵌套组件中属性传递的快捷方式

背景

组件之间多层传递属性是一个比较常见的业务场景。如：
A --> B --> C --> D
A组件包含B组件，B组件又包含C组件，C组件包含D组件。
现在，状态维护在A组件中，通过props的方式层层传递到D组件，而D组件接收这个数据，并在内部修改这个数据后，再告之A组件。

关键字

vue2.4 attrs listeners

image.png

逐层传递

简要列出代码如下：

A组件

B组件

C组件

D组件

优点

A(发起者) --> B(listeners) --> C(listeners) -->D（使用者）
从顶层到使用层之间的层不再需要逐一列出来属性，只需要统一设置传递即可。

参考

官网API