Maison> interface Web> uni-app> le corps du texte

Comment importer js dans main.js dans uniapp

PHPz
Libérer: 2023-04-27 10:30:37
original
1844 Les gens l'ont consulté

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";
Copier après la connexion

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;
Copier après la connexion

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 :

Copier après la connexion
2. Ajoutez des fonctions ou des variables personnalisées au fichier util.js, par exemple : #. #
export function sum(a, b) { return a + b; }
Copier après la connexion

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!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!