Vue グローバルメソッドを設定する 2 つの方法

'vue' から Vue をインポートします
'./App.vue' からアプリをインポートします。
'./router' からルーターをインポートします
'./store' からストアをインポートします
'./utils/Utils' から utils をインポートします

Vue.prototype.$utils = utils

新しいVue({
 ルーター、
 店、
 レンダリング: h => h(App)
}).$mount('#app')

メソッド: {
 関数() {
  time = this.$utils.formatTime(新しいDate()) とします。
 }
}

定数ベースURL = process.env.VUE_APP_BASE_URL
定数 webpack = require('webpack')
const パス = require("パス")

モジュール.エクスポート = {
 パブリックパス: './',
 出力ディレクトリ: process.env.VUE_APP_BASE_OUTPUTDIR、
 資産ディレクトリ: '資産',
 保存時にlint: true、
 プロダクションソースマップ: false、
 Webpack を構成する: {
  開発サーバー: {
   オープン: 偽、
   かぶせる：
    警告: 真、
    エラー: true、
   },
   ホスト: 'localhost',
   ポート: '9000'、
   hotOnly: 偽、
   プロキシ： {
    '/api': {
     ターゲット: ベースURL、
     安全: 偽、
     changeOrigin: true, //proxypathRewrite を開く: {
      '^/api': '/',
     },
    },
   }
  },
  プラグイン: [
   新しい webpack.ProvidePlugin({
          UTILS: [path.resolve(__dirname, './src/utils/Utils.js'), 'default'], // 定義されたグローバル関数クラス TOAST: [path.resolve(__dirname, './src/utils/Toast.js'), 'default'], // 定義されたグローバル Toast ポップアップ ボックス メソッド LOADING: [path.resolve(__dirname, './src/utils/Loading.js'), 'default'] // 定義されたグローバル Loading メソッド })
  ]
 }
}

モジュール.エクスポート = {
  ルート: true、
  パーサーオプション: {
    パーサー: 'babel-eslint'、
    ソースタイプ: 'モジュール'
  },
  環境: {
    ブラウザ: true、
    ノード: true、
    es6: 本当、
  },
  「グローバル」:{
    「ユーティリティ」：true、
    「トースト」：真、
    「ロード中」: true
  }
  // ...ESlint 設定の N 行を省略します}

計算: {
 再生回数() {
  戻り値 (数値) => {
   // UTILS は定義されたグローバル関数クラスです const count = UTILS.tranNumber(num, 0)
   戻り数
  }
 }
}