组件的拆分粒度是越细越好吗

 

Vue 会解析对应的组件定义对象，然后根据这个组件对象创建一个组件的 VNode

 

创建完 VNode 后，Vue 内部会执行 patch 方法渲染这个 VNode，最终会生成 DOM 并在页面中渲染

在组件的挂载过程中，出了前面说的创建和渲染 VNode 之外，内部还创建一个组件实例，用来维护组件的状态和数据，此外，还有组件初始化阶段的一些响应式数据处理，都会有一定耗时和内存占用。

 

拆分组件力度过细，会导致嵌套组件过深，显而易见是整个应用的初始化时长会变长，占用的内存空间也会变大。

引用自： 组件的拆分粒度是越细越好吗