Vue Js 我应该在哪里放置通用函数

Vue Js where should I put generic functions

我的 Vue JS (v. 2.5.17) 项目中有通用函数,但我不知道应该将它们放在哪里,是否有像 Rails 助手中那样的约定?或者我可以在任何地方创建一个文件,然后将它导入到我需要的地方吗?

您正在寻找 Plug-Ins or Mixins

如果您想为多个组件添加相同的功能,请使用 mixins。 Mixins 基本上是将 mixin 中的方法添加到使用它的组件的方法。

使用插件添加全局级别的功能。

如果它们确实是通用的并且与您的视图层无关,那么您可能应该将它们写在一个单独的文件中,然后将它们导入到您需要的地方。为了分离关注点,这样更好。如果它们与您的视图层相关,那么您可以查看 mixins.

我发现 this article 与此问题有些相关并且确实很有帮助。

在不知道项目规模或正在编写的通用函数的情况下,可能有不同的方法来实现它。在我的项目中,我使用 Vuex,Vue 的状态管理库,您可以在其中集中所有全局变量并从项目的任何位置调用它们。也许 docs 会有所帮助。