亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

我應該將多個 Vue.js 組件使用的通用實用函數放在哪里?

我應該將多個 Vue.js 組件使用的通用實用函數放在哪里?

嚕嚕噠 2021-09-17 10:19:08
通常我會在要使用該函數的組件中創建函數,但是,我開始需要在 2 個或更多組件中使用某個函數,這意味著現在我必須將其復制并放入其他組件。這顯然不是最優的,所以我想知道我應該把這些函數放在哪里。為了向您展示通用實用程序函數的含義,我將在此處添加一個:winrate(wins, losses) {    let games = wins + losses    return Math.round(wins * 100 / games) + '%'}沒什么特別的,它只需要輸贏,然后返回贏率。我正在使用 Vuex,實際上我可以將它們放在 Vuex 商店中,但是,我不確定這是否是最佳選擇,所以這就是我問你們的原因。
查看完整描述

1 回答

?
largeQ

TA貢獻2039條經驗 獲得超8個贊

將此類函數(稱為幫助程序)存儲在諸如helpers.jsor 之類的文件中是一種常見的做法utils.js,其代碼可能如下所示:


export function winrate(wins, losses) {

    let games = wins + losses

    return Math.round(wins * 100 / games) + '%'

}

然后只需在您的組件中導入該幫助程序:


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


export default {

  ...

  methods: {

    method() {

      console.log(winrate(1, 2))

    }

  }

  ...

}


查看完整回答
反對 回復 2021-09-17
  • 1 回答
  • 0 關注
  • 499 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號