一 谈谈对 Vue 组件化的理解？#

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

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

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

1.1 补充#

• vue 中的每个组件都有一个渲染函数 watcher、effect
• 数据是响应式的，数据变化后执行 watcher 或者 effect
• 组件要合理的划分，如果不拆分组件，那更新的时候整个页面都要重新更新
• 如果过分的拆分组件会导致 watcher 和 effect 产生过多也会造成性能的浪费