So führen Sie JS-Dateien in Uniapp ein

Da Uniapp weiter wächst und sich weiterentwickelt, beginnen immer mehr Entwickler damit, plattformübergreifende Anwendungen zu entwickeln. Während des Entwicklungsprozesses müssen Sie manchmal einige von Ihnen selbst geschriebene js-Dateien einführen. In diesem Artikel wird erläutert, wie Sie mit Uniapp js-Dateien einführen.

1. Fügen Sie js-Dateien in die Seite ein

1. Suchen Sie die Seite, die js-Dateien einfügen muss, im Seitenverzeichnis (zum Beispiel: index.vue) # 🎜🎜#
Verwenden Sie im Skript-Tag dieser Seite den folgenden Code, um die js-Datei einzuführen:

2. import xxx from '@/xxx.js' 

Unter diesen stellt das Symbol „@“ den Projektstamm dar Verzeichnis, und xxx stellt den von Ihnen selbst geschriebenen Namen der JS-Datei dar. Wenn sich die Datei nicht im Stammverzeichnis befindet, müssen Sie den Importpfad ändern.

Verwenden Sie die Methoden oder Variablen in der js-Datei im Code, zum Beispiel:

xxx.doSomething();

2. Führen Sie die js-Datei in die Komponente ein #🎜 🎜#

Suchen Sie die Komponentendatei, die die js-Datei importieren muss (zum Beispiel: my-component.vue)

1. Verwenden Sie im Skript-Tag der Komponente Geben Sie den folgenden Code ein, um die js-Datei einzuführen:

2. import xxx from '@/xxx.js' 

In ähnlicher Weise stellt das Symbol „@“ das Stammverzeichnis des Projekts und xxx den Namen der von Ihnen geschriebenen js-Datei dar. Wenn sich die Datei nicht im Stammverzeichnis befindet, müssen Sie den Importpfad ändern.

Verwenden Sie die Methoden oder Variablen in der js-Datei im Komponentencode, zum Beispiel:

3. mounted() {
     xxx.doSomething();
   }

3. Führen Sie die js-Datei global ein# 🎜🎜#

Suchen Sie im Projektstammverzeichnis die Datei vue.config.js

Fügen Sie den folgenden Code zur Datei hinzu:

configureWebpack: {
  externals: {
    'xxx': 'xxx'
  },
  resolve: {
    alias: {
      '@': path.resolve(__dirname, './src')
    }
  }
}

# 🎜🎜#Unter diesen steht „xxx“: „xxx“ stellt den Namen der js-Datei dar, die importiert werden muss. Das erste „xxx“ ist der Name der Datei im Projekt und das zweite „xxx“ ist der Name in der globalen Welt; '@ Das '-Symbol stellt auch das Projektstammverzeichnis dar.

Wo die js-Datei verwendet werden muss, verwenden Sie den folgenden Code, um sie zu importieren:

window.xxx.doSomething();

4. Zusammenfassung
3. # 🎜🎜# Mit den oben genannten drei Methoden können wir unsere eigenen js-Dateien in Uniapp einführen und sie in Seiten, Komponenten oder global verwenden. Beim Schreiben von JS-Dateien müssen Sie auf die Namens- und Pfadangaben achten, um Einführungsfehler oder Codeverwirrung zu vermeiden.

Das obige ist der detaillierte Inhalt vonSo führen Sie JS-Dateien in Uniapp ein. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!