首页 > 其他 > 详细

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

时间:2019-08-13 13:36:48      阅读:92      评论:0      收藏:0      [点我收藏+]

一、全局组件(在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])
});

 

  

 

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

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!