javascript - Was ist der Unterschied zwischen dem Schreiben einer Komponente und dem Schreiben eines Plug-Ins in Vue?

Question

Jetzt möchte ich ein Paging-Ding schreiben, bin mir aber nicht sicher, ob es besser ist, es als einzelne .vue-Datei zu schreiben oder es mit install als Plug-in zu schreiben Zweitens habe ich das Gefühl, dass .vue die Nachfrage lösen kann, aber warum sollte ich es haben? Was die Installationsmethode betrifft, gibt es noch eine andere Frage zum Installieren und Schreiben von 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);
      }
    }
    
    

Wie übergebe ich die Optionskonfigurationsparameter in meiner Installation an die Pagetion-Vorlage?

Answer 1

Vue 的组件是模板和 UI 逻辑的结合。

如果分页逻辑在许多组件之间需要复用，那么最好的方式显然是通过插件复用 Vue 文件的 JS 逻辑。

如果分页逻辑只在一个组件中用到，那么使用插件和 mixins 会降低单个 Vue 组件的可读性。

Answer 2

一个Vue插件可以是一堆Vue组件的集合（插件干的事就是把内部的组件帮你倒入到vue全局下），也可以是用来扩展Vue功能的，比如 Vuex， Vue-Router。你也可以写一个插件，在Vue原型上扩展方法，要实现这个需求绝对没法写成组件。

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

另外，你为啥要在install插件的时候决定插件倒入的组件的数据呢？那不是应该你在用这个组件的时候通过props来控制么？