vue中常用组件全局引入,用的时候不用每个页面都import

mian.js中vue中常用组件全局引入,用的时候不用每个页面都import_第1张图片

import global from './components/global.js'

global.js

import Vue from 'vue';

function changeStr(str) {
  return str.charAt(0).toUpperCase() + str.slice(1);
}
//require.context('.', false, /\.vue$/)
//三个参数 分别表示 1.指定路径(.指当前路径) 2.是否使用子目录 false/true 3.使用正则匹配
const requireComponent = require.context('.', false, /\.vue$/)
requireComponent.keys().forEach(filename => {
  const config = requireComponent(filename);
  const componentName = changeStr(filename.replace(/^\.\//, '').replace(/\.\w+$/, ''))
  Vue.component(componentName, config.default || config)
})

直接引用就ok啦
vue中常用组件全局引入,用的时候不用每个页面都import_第2张图片

你可能感兴趣的:(vue中常用组件全局引入,用的时候不用每个页面都import)