[Vue] 全局filters独立文件保存

将所有的filter函数保存在一个独立的文件中，比如./filters/index.js。

import moment from 'moment';
const formatDate = function (str) {
  if (str) {
    return moment(str).format('DD/MMM/YY');
  } else {
    return null;
  }
};

const na = function (str) {
  return str ? str : 'N/A';
};
export default { formatDate, na };

在main.js文件中import。

import Vue from 'vue';
import Vuex from 'vuex';
import App from './App.vue';
import filters from './filters';

Vue.use(Vuex);

// filters start
console.debug(filters);
for (let name in filters) {
  console.debug('add global filter: ', name);
  Vue.filter(name, filters[name]);
}
// filters end

new Vue({
  render: (h) => h(App),
}).$mount('#app');