现在想写一个分页的东西,但是拿不定是写成一个.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的模版里面去呢?
Vue 的组件是模板和 UI 逻辑的结合。
如果分页逻辑在许多组件之间需要复用,那么最好的方式显然是通过插件复用 Vue 文件的 JS 逻辑。
如果分页逻辑只在一个组件中用到,那么使用插件和 mixins 会降低单个 Vue 组件的可读性。
一个Vue插件可以是一堆Vue组件的集合(插件干的事就是把内部的组件帮你倒入到vue全局下),也可以是用来扩展Vue功能的,比如 Vuex, Vue-Router。你也可以写一个插件,在Vue原型上扩展方法,要实现这个需求绝对没法写成组件。
另外,你为啥要在install插件的时候决定插件倒入的组件的数据呢?那不是应该你在用这个组件的时候通过props来控制么?