Регистрация пользовательских фильтров с 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('') 
}) 

вю/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/фильтры/reverse.js

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

, а затем в ваших app.js

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