Зарегистрируйте пользовательские фильтры с помощью vue.js

Я использую 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');

И мой глоток

    mix.browserify('app.js');

javascript vue.js javascript-framework browserify laravel-elixir
person Michalis Antoniou    schedule 24.11.2015    source источник
comment
Где вы включаете сценарии в свой шаблон блейда? Кроме того, можете ли вы поделиться соответствующими строками кода из вашего gulpfile?   -  person Douglas.Sesar    schedule 24.11.2015
comment
что, если вместо этого вы используете: require './filters/reverse.js'?   -  person Roadirsh    schedule 24.11.2015
comment
Извините, это была опечатка. На самом деле я хотел написать './filters/reverse.js'   -  person Michalis Antoniou    schedule 24.11.2015
comment
Только что обновил свой вопрос @Douglas.Sesar   -  person Michalis Antoniou    schedule 24.11.2015
comment
Попробуйте вручную включить Vue.js через CDN, чтобы сузить круг, если есть проблема с браузером.   -  person Douglas.Sesar    schedule 24.11.2015

Ответы (1)


arrow_upward
6
arrow_downward

Попробуйте так в vue/filters/reverse.js

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

А затем в вашем app.js

Vue.filter('reverse', require('./filters/reverse'))
person arecaps    schedule 24.11.2015
comment
@Михалис Антониу, разве ты не этого хочешь? Если вы не хотите, чтобы он был глобальным, просто добавьте круглые скобки вокруг имени вашего файла, это должно работать как reverse: require( './filters/reverse.js') - person arecaps; 25.11.2015