在vue项目中,公共组件比较多,在使用的时候我们在各个页面单个引入是不是比较麻烦。 所以我们可以利用这个方法把这些组件注册为全局组件。
import Vue from "vue";
let files = require.context('./common', false, /\.vue$/);
files.keys().forEach((file) => {
console.log('file',file);
let module = files(file).default;
Vue.component('sc-' + file.replace('./', '').replace('.vue',''),module)
});