vuejs: Filter in externer Datei?

Question

src/app.js wie folgt aussieht:

import Vue from 'vue' 
import VueRouter from 'vue-router' 
import VueResource from 'vue-resource'; 

Vue.use(VueRouter); 
Vue.use(VueResource); 

const app = require("./app.vue"); 
const f = require('./filters'); 

const router = new VueRouter({ 
    routes: [ 
     {name: 'home', path: '/', component: home} 
    ] 
}); 

new Vue({ 
    router: router, 
    filters: f, 
    render: h => h(app) 
}).$mount("#app"); 

src/filters/index.js wie folgt aussieht:

webpack

module.exports = { 
    season: (value) => { 
     return 'foo'; 
    } 
} 

Mit ihm rollen, aber der Filter funktioniert nicht und Vue warnt mich wie so:

build.js:830 [Vue warn]: Failed to resolve filter: season 
(found in <Anonymous>) 

Wie kann ich meine Filter richtig in eine separate Datei einfügen?

Answer 1

Sie registrieren diesen Filter nicht global, Sie registrieren ihn nur für die Verwendung in der Vorlage #app. Aber Ihre App rendert sofort die Komponente app.

Um die season Filter global verfügbar zu machen,

Vue.filter("season", f.season) 

in Ihrem app.js. verwenden

Oder Sie können die Filter in die Komponenten importieren, die sie verwenden.

Answer 2

Es ist in vuejs 1.0. Der Zweiwegefilter wurde aus vuejs 2.0 entfernt.

siehe git issue discuss und solution