Comment importer js dans main.js dans uniapp

UNIAPP est un framework front-end qui prend en charge le développement multiplateforme. Ses excellentes capacités multiplateformes, son évolutivité flexible et ses performances puissantes permettent aux développeurs de publier facilement des applications sur la base d'un seul développement sur plusieurs plateformes. Dans UNIAPP, main.js est un fichier de démarrage important. Sa fonction principale est d'effectuer l'initialisation et la configuration globales, y compris l'importation de fichiers JS. Voyons comment importer des fichiers JS dans UNIAPP.

1. Importez des fichiers JS dans main.js

Dans UNIAPP, vous pouvez importer des fichiers JS n'importe où dans main.js, soit au niveau supérieur, soit au niveau supérieur. en bas. Les étapes spécifiques sont les suivantes :

1. Ajoutez le code suivant à main.js :

import "./util.js";

2. Placez les fichiers JS qui doivent être importés dans l'utilitaire. répertoire du projet.

3. Ajoutez des fonctions ou des variables personnalisées dans le fichier util.js, par exemple :

function sum(a, b) {
   return a + b;
}
export default sum;

2. Utilisez des fichiers JS dans les composants Vue

#🎜 🎜# Une fois que nous avons importé avec succès le fichier JS dans le fichier main.js, le fichier JS peut être utilisé dans tous les composants Vue. Pour faciliter la démonstration, nous montrons le processus spécifique dans un composant Vue.

1. Ajoutez le code suivant au fichier HelloWorld.vue :

<script>
import { sum } from "@/util.js";

export default {
  data() {
    return {
      num1: 1,
      num2: 2,
    };
  },
  methods: {
    handleClick() {
      const result = sum(this.num1, this.num2);
      console.log(result);
    },
  },
};
</script>

2. Ajoutez des fonctions ou des variables personnalisées au fichier util.js, par exemple : #🎜🎜. #

export function sum(a, b) {
  return a + b;
}

3. Résumé

Dans UNIAPP, l'importation de fichiers JS est très simple. Il vous suffit d'ajouter du code au fichier main.js. Étant donné que le fichier main.js est le fichier d'entrée pour l'initialisation globale, la configuration et l'importation globales peuvent être effectuées dans ce fichier. Dans le même temps, il est également très pratique d'utiliser des fichiers JS dans les composants Vue. Il vous suffit de les importer dans les composants que vous devez utiliser. De plus, il convient de noter que lors de l'importation de fichiers JS dans les composants Vue, vous devez utiliser des chemins relatifs ou le symbole @, sinon une erreur qui ne pourra pas être chargée se produira.

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!