掌握编写高度可复用的 Vue 组件的艺术 | Reusable Components

可重用性不仅仅适用于组件库

当您想到“可重用性”时，您可能会想到组件库——按钮、滑块和复选框等组件的集合，它们将在单个应用程序中使用数十或数百次。

但是，对于应用程序中更多定制的组件，可重用性也很重要。

即使重复使用一个组件两到三遍，也可以节省大量精力并提高效率。

此外，一旦您更深入地了解可重用性，您将开始看到将其应用到您的代码库中的机会。

本课程不同于其他课程。

大多数课程都会教您语法以及 API 的工作原理。您可以通过阅读文档自行学习的内容（如果您有时间的话）。

本课程的重点是教你洞察力。

让您以不同的方式思考您的代码，并了解它是如何以全新的方式工作的。

我花了几个月的时间开发一个框架来思考 Vue 中的可重用性

我利用我多年构建高度可重用组件和组件库的经验，提出了本课程所基于的 6 个可重用级别。

这个框架对于深入理解可重用性是必要的。它为我们提供了一种以非常有条理和详细的方式讨论这些概念的方法。

但这些都不是宇宙法则。

我发明了这个框架是为了向你传授可重用性。也许我错过了第 7 级？

没有绒毛，没有填充物。只有你需要掌握可重用性

我讨厌浪费你的时间。

所以我花了几个月的时间对大纲进行了苦恼，一遍又一遍地修改它，以确保它只包含你掌握可重用性绝对必要的内容。

事实上，我开始录制这门课程的前几个视频，却发现还不够好。所以我又回去了，重新设计课程以及它是如何流动的，以确保它尽可能好。

你的时间很宝贵——在两周的午休时间（或更短时间）内完成它

这门课程不是很长——只需要一些关键的见解就可以更好地编写可重用的组件。

因此，您可以在两周内每天 30 分钟轻松完成这门课程。

或者，如果你真的有野心，可以在一天内完成。

（虽然我建议花更多的时间来研究它，这样这些概念才有机会真正融入其中）

可重用性的 6 个级别

不先给它们命名就很难谈论概念。

因此，为了创建这门课程，我首先必须发明一种讨论组件可重用性的方法。

以下是可重用性的六个级别：

1. 模板化——通过将代码包装在组件内来重用代码

2. 配置——使用配置道具来允许不同的行为

3. 适应性 ——让组件成为面向未来的

4. 反转——让其他组件控制过程

5. 扩展——在整个组件中使用可重用性

6. 嵌套 ——创建强大的组件层次结构