nuxt自动加载组件

1、在plugins目录中新建js文件

import Vue from 'vue';

const components = {};

let files = require.context('../components/atoms', true, /\.vue$/);
files.keys().forEach((key) => {
  const component = files(key).default;
  components[component.name] = component;
});

files = require.context('../components/molecules', true, /\.vue$/);
files.keys().forEach((key) => {
  const component = files(key).default;
  components[component.name] = component;
});

files = require.context('../components/layouts', true, /\.vue$/);
files.keys().forEach((key) => {
  const component = files(key).default;
  components[component.name] = component;
});

Object.keys(components).forEach((key) => Vue.component(key, components[key]));

2、在nuxt.config.js的plugins中将新建的js文件路径添加进去。