vue.js - 是否建议将仅由一个组件使用的 Vue 组件的方法提取到 Vue mixin 中？

Question

我想知道使用 Vue Mixins 的最佳实践：我有一个复杂的 Vue 组件，它实现了一个具有广泛功能（例如排序、过滤器）的表。我想提取特定的功能，例如排序到一个 Mixin（对于这个示例方法和一些帮助函数）到一个单独的文件。

仅在一个组件中使用 Vue mixin 的代码可以吗？

示例教程给出的所有用例我只在以下两个用例中看到了 Mixins：

• 作为所有组件的全局 Mixin
• 作为两个或多个组件的特定 Mixin

Answer 1

我会考虑编写一个包含函数的 ES 模块，并导入这些函数而不是 mixin。然后，您最终可以将这些函数导入任何其他组件。

当然，如果它们都是通用功能，例如添加计算属性等，那么您可以编写一个导入原始 ES 函数模块的 mixin。

如果没有其他东西使用它，现在制作 mixin 可能没有意义，但我肯定会有一个包含你提到的复杂逻辑的 ES 模块。对它们进行单元测试也会更容易。