4.谈一谈对 Vue 组件化的理解 ​

WebComponent 组件化的核心组成：模板、属性、事件、插槽、生命周期。

组件化好处: 高内聚、可重用、可组合

• 组件化开发能大幅提高应用开发效率、测试性、复用性等;
• 降低更新范围，只重新渲染变化的组件；

补充： ​

• Vue中的每个组件都有一个渲染函数 watcher、effect。

• 数据是响应式的，数据变化后会执行 watcher 或者 effect。

• 组件要合理的划分，如果不拆分组件，那更新的时候整个页面都要重新更新。

• 如果过分的拆分组件会导致 watcher、effect 产生过多也会造成性能浪费。