简介

组件嵌套是一种组合方法，其中应用程序由较小的单元（组件）构建而成。该应用程序可以被认为是相互配合的组件。在这种情况下，任何共享功能都将通过组件提供。Vue.js 提供了其它组合方法。

基于组件的组合可能非常冗长，这意味着我们在需要特定功能的地方重复导入。这不符合 DRY 原则。为了避免这种重复和冗长，我们可以全局注册 mixins、plugins 和 components，以注入在整个应用程序中使用的全局可用资源。这可以减少在 MyComponent 的每个使用者中必须输入 import MyComponent from …​ 时的摩擦和挫败感。

以同样的方式，应用程序可以从不同类型的原语（mixin、plugins 和 components）构建。为了获得最大的灵活性，除了 Vue.js 单文件组件文件（.vue 文件）之外，还可以使用不同的方式定义组件。 在这个类别中，我们有功能组件的情况，以及使用 JSX、字符串模板和渲染函数定义的组件。 这些类型的组件中的每一种都有一些优点和缺点。

为了保持代码干燥，组件应该易于使用和扩展。本章将介绍一些我们可以遵循的技巧，使组件更具可重用性，从而使应用程序更加 DRY。