Vue.jsでカスタムフィルタを別ファイルに書き込む方法main.jsで宣言することで、さまざまなコンポーネントでカスタムフィルタを使用できますか？

Question

私はこれをやってみましたが、動作しません。

// filter.js 

export default { 
    converTimestamp: function (seconds) { 
     var date = new Date(seconds * 1000); 
     return date.toDateString(); 
    } 
}; 

// main.js 

import customFilters from './store/filters'; 

Answer 1

ここでは例です：

// MyFilter.js 
import Vue from 'vue'; 

Vue.filter('myFilter', value => { 
    return value.toUpperCase(); 
}); 

// main.js 
import './MyFilter.js'; 

あなたがグローバルフィルタを登録したくない場合、あなたはこのようにそれを行うことができます。

// MyFilter.js 
export default function (value) { 
    return value.toUpperCase(); 
} 

// MyComponent.vue 
import MyFilter from './MyFilter.js'; 

export default { 
    filters: { 
    MyFilter, 
    }, 
};