https://www.cnblogs.com/yinhaiying/p/10985476.html

什么是Vue组件化?

❓首先我们应该认识到一个问题:我们如何处理一个较大的页面逻辑?

我们会下意识的把页面逻辑进行分解,拆解成许多小问题,最终放在整体上。

Vue组件化的也是基于此—————————

对于Vue组件化我的理解是将一个大的页面分解成几个小的可复用组织,其实可以用组件树来抽象理解.

Untitled

比如上图所示的我们的头部、底部、内容区等都是可复用的组件,每一个组件之间都有着联系(也存在父组件与子组件之间的联系),所以可以抽象理解为树结构

1、组件就是对局部视图的封装,每个组件包含了

1.HTML结构

2.CSS样式

3.JavaScript行为(data数据、methods行为)

2、组件化应用提高了开发效率,增强可维护性,更好的去解决软件上的高耦合、低内聚、无重用的三大代码问题

组件之间的通信(联系)

组件之间的通信往往需要事件去驱动,事件驱动其实我们也面见许多(非常经典的登录Button触发的事件)。


当然我们也在项目中用到slot函数进行事件触发组件

Untitled

组件之间的通信如图所示:

Untitled