Javascript 在一个组件中嵌套太多组件是否有害？

我有一个多选择表组件，其中包含一个表分解组件。在“表格显示”组件中，还有另一个名为“表格行”的组件

table-selectable
      | (contains)
      v
 table-display
      | (contains)
      v   
  table-row

我这样做是因为我想使每个组件足够通用，以便它可以用于其他目的，但是，我意识到将操作传递给父组件并不容易。原因是我必须小心地连接

sendAction

方法中的所有操作以及hbs文件中的操作名称，我觉得这个问题可能会导致错误

---

我的问题是，像我这样在单个组件中嵌套tom nay组件是否有害？

Javascript在加载的文档中准备对象的HTML DOM树。然后，您可以使用这个DOM来处理其元素。 Javascript对HTMLDOM的访问仍然比不访问HTMLDOM的情况下执行Javascript慢。 您提到的级别嵌套不太深，到目前为止，您很容易访问内部元素。 元素生成的事件总是传播到Javascript引擎为运行代码而创建的执行上下文。因此，您可以在全局级别（大多数情况下是“窗口”级别）处理这些事件，直到使用适当的HTML元素注册侦听器以侦听适当的事件为止，否则这将不起作用。例如，按钮触发“单击”事件，例如。

document.getElementById（'mybutton'）。addEventListener（'click'，function（）{
log（“我的按钮点击了”）；
});
只要您成功地选择了这个按钮，并绑定了“click”事件侦听器，您就可以了。但是，如果元素选择器错误，或者您试图侦听错误的事件，这将不起作用。
就页面的容量而言，内容越多，页面加载时间越长。也可以将其视为一个搜索引擎优化的视角。
JavaScript在加载的文档中准备对象的HTML DOM树。然后，您可以使用这个DOM来处理其元素。
Javascript对HTMLDOM的访问仍然比不访问HTMLDOM的情况下执行Javascript慢。
您提到的级别嵌套不太深，到目前为止，您很容易访问内部元素。
元素生成的事件总是传播到Javascript引擎为运行代码而创建的执行上下文。因此，您可以在全局级别（大多数情况下是“窗口”级别）处理这些事件，直到使用适当的HTML元素注册侦听器以侦听适当的事件为止，否则这将不起作用。例如，按钮触发“单击”事件，例如。
document.getElementById（'mybutton'）。addEventListener（'click'，function（）{
log（“我的按钮点击了”）；
});
只要您成功地选择了这个按钮，并绑定了“click”事件侦听器，您就可以了。但是，如果元素选择器错误，或者您试图侦听错误的事件，这将不起作用。
就页面的容量而言，内容越多，页面加载时间越长。也把它看作是SEO的观点。