Vue.js/Webpack - plugin.apply 不是一个函数答案

【问题标题】：Vue.js/Webpack - plugin.apply is not a functionVue.js/Webpack - plugin.apply 不是一个函数
【发布时间】：2016-03-25 21:57:10
【问题描述】：

尝试使用 Vue 和 Webpack 加载自定义过滤器。我的 Vue 组件的主要部分工作正常，但尝试加载过滤器会导致抛出 plugin.apply is not a function 错误。

我目前在我的entry.js 文件中：

import Vue from 'vue';
Vue.use(require('./filters.js'));
import News from './news.vue';

//Vue News
new Vue({
  el: 'body',
  components: { News }
});

filters.js 文件内是：

export default {
  filters: {
    reverse: function(value) {
      return value.split('').reverse().join('');
    }
  }
};

文档似乎有点单薄，Google 也帮不上什么忙。任何人都可以对此有所了解吗？

谢谢

【问题讨论】：

你能上传minimal reproducible example 吗？一个 jsfiddle 就足够了。

标签： filter webpack vue.js

【解决方案1】：

我的第一个想法是您在 filters.js 中缺少 install 方法。

http://vuejs.org/guide/plugins.html#Writing-a-Plugin

但如果 reverse 是您唯一的过滤器，您可以设置它：

Vue.filter('reverse', function (value) {
    return value.split('').reverse().join('');
});

【讨论】：