Comment introduire des plug-ins dans vuejs

青灯夜游
Libérer: 2023-01-11 09:22:42
original
3726 Les gens l'ont consulté

Méthode d'introduction : 1. Utilisez les instructions import et "Vue.use(..)" dans "main.js" ; 2. Ajoutez l'instruction "import 'path" dans la balise de script du fichier vue ; app .vue" à l'aide des instructions import et "components:{}", etc.

Comment introduire des plug-ins dans vuejs

L'environnement d'exploitation de ce tutoriel : système Windows 7, vue version 2.9.6, ordinateur DELL G3.

La première étape : installer, télécharger manuellement, personnaliser le plug-in, visiter le site Web

Pour les plug-ins vue générale ou js, vous pouvez généralement les installer directement, puis passer à l'étape suivante. Cependant, il n'est pas exclu que l'installation échoue pour diverses raisons et nécessite un téléchargement manuel. Il existe également des plug-ins personnalisés.

Deuxième étape : introduction du plug-in

introduction globale de js

ajout du fichier main.js

import Loading from './components/loading' Vue.use(Loading)
Copier après la connexion

js introduit individuellement

ajout de balise de script de fichier vue

import '../../../components/loading/index.js'
Copier après la connexion

vue introduction mondiale

Vue est généralement importée dans js puis introduite, la méthode d'introduction est donc la même que celle de js. Mais il existe des cas particuliers, comme l'introduction de la barre de navigation, qui est directement introduite par vue. La situation globale est d'ajouter

import Header from './components/Header' components: { Header }
Copier après la connexion

vue séparément dans app.vue. Lorsqu'il est introduit individuellement, le code ci-dessus est également ajouté. Ajoutez

Copier après la connexion

2 à l'index.html du projet, dans le fichier de configuration de build/webpack.base.conf.js, définissez l'extension externe (attribut externals)
externals: { 'BaiduMap': 'BMap' }
Copier après la connexion

Introduction modulaire

Identique à js global introduction, cette partie Nécessite l'installation ou le téléchargement de plug-ins

Recommandations associées : "

Tutoriel vue.js

"

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!

Étiquettes associées:
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