javascript - Quelle est la différence entre écrire un composant et écrire un plug-in dans Vue?

Question

Maintenant, je veux écrire un élément de pagination, mais je ne sais pas s'il est préférable de l'écrire sous forme de fichier unique .vue ou d'utiliser install pour l'écrire sous forme de plug-in. deuxièmement, je pense que .vue peut résoudre la demande, mais pourquoi devrais-je l'avoir ? En ce qui concerne la méthode d'installation, il y a une autre question sur l'installation et l'écriture de plug-ins

.

//pagetion的模版
    <template>
      <p class="paging">
        <p name="pagingPage">
          <li>
            <span class="paging-first"></span>
          </li>
          <li v-for="item in numArr">
            <span class="paging-next">{{item}}</span>
          </li>
          <li>
            <span class="paging-last"></span>
          </li>
        </p>
       </p>
    </template>
    

    //这个是install写插件
    let paging = {
      install: function(Vue, options) {
        Vue.component('pagination',pagination);
      }
    }
    
    

Comment transmettre les paramètres de configuration des options de mon installation au modèle de pagetion ?

Answer 1

Les composants de

Vue sont une combinaison de modèles et de logique d'interface utilisateur.

Si la logique de pagination doit être réutilisée parmi de nombreux composants, alors le meilleur moyen est évidemment de réutiliser la logique JS du fichier Vue via un plug-in.

Si la logique de pagination n'est utilisée que dans un seul composant, l'utilisation de plugins et de mixins réduira la lisibilité d'un seul composant Vue.

Answer 2

Un plug-in Vue peut être une collection d'un ensemble de composants Vue (le plug-in vous aide à intégrer les composants internes dans la vue globale), ou il peut être utilisé pour étendre les fonctions Vue, telles que Vuex. , Vue-Router. Vous pouvez également écrire un plug-in pour étendre les méthodes sur le prototype Vue. Pour répondre à cette exigence, il n'y a absolument aucun moyen de l'écrire en tant que composant.

 let whatever = {
      install: function(Vue, options) {
        Vue.prototype.$whatever = function(){
          // do something 
        };
      }
    }
    
// 你这个用组件咋搞？

De plus, pourquoi devez-vous décider des données des composants que le plug-in verse lors de l'installation du plug-in ? Ne devriez-vous pas le contrôler via des accessoires lorsque vous utilisez ce composant ?