vue批量设置全局过滤器和全局组件

一、全局组件(在main.js中写入)

1.设置单个全局组件

import MyLoad from '@/components/MyLoad.vue';
Vue.component('MyLoad',MyLoad);

2.批量设置全局组件

var components = {
   'BlogFooter': 'BlogFooter.vue',
   'BlogHeader': 'common/BlogHeader.vue',
   'BlogBody': 'BlogBody.vue',
};

for (let key in components) {//批量引入自定义的组件
   let val = components[key];
   Vue.component(key, (require('../src/components/' + val)).default);
}
//1.路径必须拿出来,存放的组件文件都应该是同一目录中
//2.require方法不允许只有变量,并且对应的路径必须是能指向的路径加文件,不能用@来代替项目的根路径

一、全局过滤器(在main.js中写入)

/**
 * 配置过滤器
 */
var filters = {
    dateDay: function (timestamp) {
        return parseInt(Date.parse(new Date()) / 1000); //当前时间戳
    }
}
Object.keys(filters).forEach(key => {
   Vue.filter(key, filters[key])
});

  

原文地址:https://www.cnblogs.com/zhizou/p/11344970.html