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