Qu'est-ce que le plugin vue.js

Le plug-in vue.js est un module fonctionnel utilisé pour améliorer la pile technologique, et sa cible est Vue ; les plug-ins améliorent et complètent également les fonctions de Vue et sont généralement utilisés pour ajouter des fonctionnalités globales ; fonctions à Vue, mais le plug-in La portée fonctionnelle n'est pas strictement limitée.

L'environnement d'exploitation de cet article : système Windows10, version vue2.9, ordinateur thinkpad t480.

plug-in vue

Le plugin est un module fonctionnel utilisé pour améliorer votre pile technologique, et sa cible est Vue elle-même. (Les plug-ins sont des améliorations et des suppléments aux fonctions de Vue)

Explication officielle

Les plug-ins sont généralement utilisés pour ajouter des fonctionnalités globales à Vue. Il n'y a pas de restrictions strictes sur la portée fonctionnelle des plug-ins - il existe généralement les types suivants :

Ajouter des méthodes ou des propriétés globales. Par exemple : vue-custom-element

Ajouter des ressources globales : directives/filtres/transitions, etc. Par exemple, vue-touch

ajoute quelques options de composants via un mixage global. Par exemple, vue-router

ajoute des méthodes d'instance Vue en les ajoutant à Vue.prototype.

Une bibliothèque qui fournit sa propre API tout en fournissant une ou plusieurs des fonctionnalités mentionnées ci-dessus. Par exemple, vue-router

Comment utiliser le plug-in

Utilisez le plug-in via la méthode globale Vue.use(). Cela doit être fait avant d'appeler new Vue() pour démarrer l'application :

    // 调用 `MyPlugin.install(Vue)`
    Vue.use(MyPlugin)
    new Vue({
      // ...组件选项
    })

Pour éviter plusieurs enregistrements du même plugin : Nous pouvons passer un objet facultatif

 Vue.use(MyPlugin, { someOption: true })

Vue.use le fera Empêche automatiquement plusieurs enregistrements du même plug-in, auquel cas le plug-in ne sera enregistré qu'une seule fois, même s'il est appelé plusieurs fois.

Remarque :

Certains plug-ins officiellement fournis par Vue.js (tels que vue-router) appelleront automatiquement Vue.use() lorsqu'ils détecteront que Vue est une variable globale accessible. Cependant, dans un environnement de module comme CommonJS, vous devez toujours appeler explicitement Vue.use() :

// 用 Browserify 或 webpack 提供的 CommonJS 模块环境时
var Vue = require('vue')
var VueRouter = require('vue-router')
// 不要忘了调用此方法
Vue.use(VueRouter)

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!