vue の一般的な JS コードを配置する場所

Vue にはパブリック JS コードを保存する場所が 2 つあります: main.js ファイル: Vue インスタンスを初期化し、グローバル構成を設定してパブリック コードがすべてのコンポーネントでアクセスできるようにするために使用されます。 public/ ディレクトリ内の JS ファイル: CDN またはサーバー経由でページにロードできます。

Vue でのパブリック JS コードが保存される場所

Vue.js では、パブリック JS コードは通常、コードは次の 2 つの場所に配置されます:

1. main.js ファイル

main.jsファイルは Vue です。プロジェクトのエントリ ファイルは、主に Vue インスタンスの初期化とグローバル構成の設定に使用されます。共通の JS コードをここに配置すると、すべてのコンポーネントでアクセスできるようになります。

例:

// main.js
import Vue from 'vue'
import MyGlobalFunc from './utils/myGlobalFunc'

Vue.component('my-component', {
  // ...
})

Vue.mixin({
  methods: {
    myGlobalFunc() {
      return MyGlobalFunc()
    }
  }
})

2. public/ ディレクトリ内の JS ファイル

public/ ディレクトリは、CSS、JS、画像などの静的リソースを保存するために使用されます。ここに共通の JS コードを配置すると、CDN またはサーバー経由でページに直接読み込むことができます。

例:

public/js/utils.js:

export function myGlobalFunc() {
  // ...
}

次にコンポーネント内で使用します:

rreee

以上がvue の一般的な JS コードを配置する場所の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。