vue 全局注册组件

// Globally register all base components for convenience, because they
// will be used very frequently. Components are registered using the
// PascalCased version of their file name.

import Vue from 'vue'

// https://webpack.js.org/guides/dependency-management/#require-context
const requireComponent = require.context(
  // Look for files in the current directory
  '.',
  // Do not look in subdirectories
  false,
  // Only include "_base-" prefixed .vue files
  /.vue$/
)

// For each matching file name...
requireComponent.keys().forEach((fileName) => {
  // Get the component config
  const componentConfig = requireComponent(fileName)
  // Get the PascalCase version of the component name
  const componentName = fileName

  .split('/')
        .pop()
        .replace(/.w+$/, '')
    // // Remove the "./_" from the beginning
    // .replace(/^./_/, '')
    // // Remove the file extension from the end
    // .replace(/.w+$/, '')
    // // Split up kebabs
    // .split('-')
    // // Upper case
    // .map((kebab) => kebab.charAt(0).toUpperCase() + kebab.slice(1))
    // // Concatenated
    // .join('')

  // Globally register the component
  console.log(componentName)
  Vue.component(componentName, componentConfig.default || componentConfig)
})

import Vue from "vue";
import router from "./router";
import ElementUI from "element-ui"
import 'element-ui/lib/theme-chalk/index.css';

import App from "./App.vue";

import "@/components/all.js"

Vue.use(ElementUI)

Vue.config.productionTip = false;

new Vue({
  router,
  render: h => h(App)
}).$mount("#app");