简介

在上一章中，我们学习了如何初始化、构建和调试一个简单的 Vue.js 应用程序。在本章中，我们将仔细研究如何利用组件组合来实现代码的可重用性。

可重用和可扩展的组件是围绕组件库构建产品的核心。组件库允许团队以高速度和高一致性构建项目。

如果 Vue.js 中的组件库没有公开正确的扩展点，经常发生的情况是库中的组件被复制到应用程序的代码库中。从设计的角度来看，这会导致重复的代码并降低内聚力。

在第 3 章 Vue CLI 中，我们学习了如何在 Vue 中创建简单的组件。组件是可以多次实例化和渲染的 Vue 实例。由于只能有一个根组件，因此应用程序中的大多数组件都是由另一个组件渲染的。为了让父组件与子组件进行通信，我们使用 props 和 prop 传递。