我应该把多个Vue.js组件使用的通用实用程序函数放在哪里？

inb24sb2 于 2023-08-07 发布在 Vue.js

关注(0)|答案(1)|浏览(108)

通常我会在组件中创建函数，而组件将使用该函数，但是，我开始需要在2个或更多组件中使用某个函数，这意味着现在我必须将其复制并放置在其他组件中。这显然不是最佳的，所以我想知道我应该把这些功能放在哪里。为了向你展示我所说的一般效用函数，我在这里添加一个：

winrate(wins, losses) {
    let games = wins + losses
    return Math.round(wins * 100 / games) + '%'
}

字符串
没什么特别的，它只是需要赢和输，然后返回赢率。
我正在使用Vuex，实际上我可以把它们放在Vuex商店，但是，我不确定这是否是最好的选择，所以这就是为什么我问你们。

vue.js

来源：https://stackoverflow.com/questions/57561168/where-should-i-put-general-utility-functions-which-will-be-used-by-multiple-vue

1条答案

按热度按时间

ajsxfq5m1#

通常的做法是将此类函数（称为helper）存储在helpers.js或utils.js等文件中，其代码可能如下所示：

export function winrate(wins, losses) {
    let games = wins + losses
    return Math.round(wins * 100 / games) + '%'
}

字符串
然后在你的组件中导入这个helper：

import { winrate } from './path/to/helpers.js'

export default {
  // ...
  methods: {
    method() {
      console.log(winrate(1, 2))
    }
  }
  // ...
}

型

赞(0）回复(0）举报 2023-08-07

我来回答

我应该把多个Vue.js组件使用的通用实用程序函数放在哪里？

1条答案

相关问题

热门标签

最新问答