Comment introduire les fichiers js dans uniapp

Alors qu'Uniapp continue de croître et de se développer, de plus en plus de développeurs commencent à l'utiliser pour développer des applications multiplateformes. Pendant le processus de développement, vous devrez parfois introduire des fichiers js écrits par vous-même. Cet article explique comment introduire les fichiers js à l'aide d'Uniapp.

1. Introduisez les fichiers js dans la page

1. Recherchez la page qui doit introduire les fichiers js dans le répertoire des pages (par exemple : index.vue)
2. Dans la balise script de la page, utilisez le code suivant pour introduire les fichiers js :

import xxx from '@/xxx.js' 

Parmi eux, le symbole '@' représente le répertoire racine du projet, et xxx représente le nom du fichier js écrit par vous-même. Si le fichier ne se trouve pas dans le répertoire racine, vous devez modifier le chemin d'importation.

3. Utilisez les méthodes ou variables du fichier js dans le code, par exemple :

xxx.doSomething();

2. Introduisez le fichier js dans le composant

1. Recherchez le fichier du composant qui doit introduire le fichier js (par exemple : my-component.vue)
2. Dans la balise script du composant, utilisez le code suivant pour introduire le fichier js :

import xxx from '@/xxx.js' 

De même, le symbole '@' représente le répertoire racine du projet, et xxx représente le nom du js fichier écrit par vous-même. Si le fichier ne se trouve pas dans le répertoire racine, vous devez modifier le chemin d'importation.

3. Utilisez les méthodes ou variables du fichier js dans le code du composant, par exemple :

mounted() {
  xxx.doSomething();
}

3. Introduisez le fichier js globalement

1. Dans le répertoire racine du projet, recherchez le fichier vue.config.js
2. Ajoutez le code suivant au fichier :

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

Parmi eux, 'xxx' : 'xxx' représente le nom du fichier js qu'il faut introduire, le premier 'xxx' est le nom du fichier dans le projet, et le deuxième « xxx » est le nom dans le contexte global ; le symbole « @ » indique également le répertoire racine du projet.

3. Partout où vous avez besoin d'utiliser le fichier js, utilisez le code suivant pour l'importer :

window.xxx.doSomething();

IV. Résumé

Grâce aux trois méthodes ci-dessus, nous pouvons introduire le fichier js que nous avons écrit dans Uniapp et l'ajouter au fichier js. page, composant ou utilisé globalement. Lors de l'écriture de fichiers js, vous devez faire attention aux spécifications de nom et de chemin pour éviter un échec d'introduction ou une confusion de code.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!