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

Question

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

//pagetion的模版

    <template>

      <div class="paging">

        <div 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>

        </div>

       </div>

    </template>

    

    //这个是install写插件

    let paging = {

      install: function(Vue, options) {

        Vue.component('pagination',pagination);

      }

    }

    

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

Answer 1

Vue 的组件是模板和 UI 逻辑的结合。如果分页逻辑在许多组件之间需要复用，那么最好的方式显然是通过插件复用 Vue 文件的 JS 逻辑。如果分页逻辑只在一个组件中用到，那么使用插件和 mixins 会降低单个 Vue 组件的可读性。