javascript - vue 写一个组件和写一个插件有什么区别？

Question

现在想写一个分页的东西，但是拿不定是写成一个.vue单文件好还是用install写成一个插件好，不太清楚2者之间的区别，感觉.vue就能解决需求，但是为什么要有install这个方式呢，另外有一个关于install写插件的问题

//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);
      }
    }
    
    

我install里面的options配置参数如何传递到pagetion的模版里面去呢？

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来控制么？