最近公司有个大屏展示项目（如下图）

页面的元素需要做响应式监听，图表需要跟着窗口响应变化

每一个图表都被我写成了一个组件，然后就在每一个组件里写了一串代码，监听浏览器变化

结果只有父组件的代码生效

值得注意的是，确认提交按钮只是将commit变量置为true，而commit绑定在我们的嵌套组件中。

这是嵌套组件的部分代码，我们可以看到commit被原封不动的传递给了子嵌套组件，也就是说，这里的commit变量起到通知所有嵌套组件执行了提交动作，这也是父组件控制子组件组件的唯一方式——传递数据变化props（或者使用vuex也可以）。

这里还有一点，就是定义什么是嵌套部分，什么是嵌套外部分，显然，厂商编号和版本号不属于嵌套部分。

还有传入的root变量，是为了控制根嵌套组件的名称不可修改，所以传个true就可以了。

step3：嵌套组件的实现（重点）

这里梳理一下嵌套组件需要提供的功能点：

1、能够做到传入数据的展示

2、能够动态添加项和模块

3，能够将修改了的数据传递出去

我们再回过头看看后台传给我们的数据格式：

第一步：找到最底层的“你”，也就是找到这个树组件的末梢节点，