1.问题

我要做一个前端的分页显示，使用vue-paginate插件。我想在.vue组件内使用它的（局部），而不是全局使用，怎样引入这个插件呢？官网的例子是要定义一个vm然后把数据填充到vm的data字段，但是我的组件内部是export default，不知道该怎么做。

按官方readme的意思，要先引入：

import VuePaginate from 'vue-paginate'
Vue.use(VuePaginate)

然后在vm对象中定义数据，并在模版中使用它：

new Vue({
  el: '#app',
  data: {
    langs: ['PHP', 'JavaScript', 'HTML', 'CSS', 'Ruby', 'Python']
  }
});

  

    {{ lang }}
  




  

    
      {{ langLink }}
    
  

但是，我的.vue组件里用的是export default，没有vm对象，我觉得组件内输出一个vm对象，不知道el写什么，export写什么也不太确定，而且组件内定义一个vue对象感觉很奇怪。

组件的部分代码:

2.已有尝试

把插件放到components里：

export default{
  components: {
    VuePaginate
  },
  data () {
    ...
  },
  ...

这样一来，页面能显示内容了，但是分页无效，控制台有报错提示：

即paginate指令不能被识别，分页失效。