WebComponent组件化的核心组成：模板、属性、事件、插槽、生命周期。
组件化好处: 高内聚、可重用、可组合
- 组件化开发能大幅提高应用开发效率、测试性、复用性等;
- 降低更新范围，只重新渲染变化的组件；
补充：
Vue 中的每个组件都有一个渲染函数 watcher、effect。
数据是响应式的，数据变化后会执行 watcher 或者 effect。
组件要合理的划分，如果不拆分组件，那更新的时候整个页面都要重新更新。
如果过分的拆分组件会导致 watcher、effect 产生过多也会造成性能浪费。
