使用vue.js注册自定义过滤器

Question

我正在使用Vue.js和Laravel一起使用Elixir和Browserify.我想在自己的文件中注册一些自定义全局过滤器.我试图遵循文档,但我无法让它工作.这是我得到的错误:

Uncaught ReferenceError: Vue is not defined

有任何想法吗？

这是我的代码:

VUE /过滤器/ reverse.js

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

VUE/app.js

var Vue = require('vue');
Vue.use(require('vue-resource'));

new Vue({
    el: 'app',
    data: {
        test: 'abcde'
    },
filters: {
    reverse: require './filters/reverse.js'
}

});

视图

<h1 v-text="test | reverse"></h1>

如果我在reverse.js中添加它,它仍然不起作用

var Vue = require('vue');

而我的gulpfile

    mix.browserify('app.js');

Answer 1

在vue/filters/reverse.js中尝试这样

module.exports =(function (value) {
  return value.split('').reverse().join('')
})

然后在你的app.js

Vue.filter('reverse', require('./filters/reverse'))