Comment introduire des plug-ins dans vuejs

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.

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)

js introduit individuellement

ajout de balise de script de fichier vue

import '../../../components/loading/index.js'

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
  }

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

<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=？"></script>

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'
}

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!