美文网首页
[Vue] Global Component

[Vue] Global Component

作者: rjxio | 来源:发表于2020-01-03 15:16 被阅读0次
// _global.js
import Vue from 'vue'

function capitalizeFirstLetter (string) {
  return string.charAt(0).toUpperCase() + string.slice(1)
}

const requireComponent = require.context(
  '.', false, /\.vue$/
)

requireComponent.keys().forEach(fileName => {
  const componentConfig = requireComponent(fileName)

  const componentName = capitalizeFirstLetter(
    fileName.replace(/^\.\//, '').replace(/\.\w+$/, '')
  )

  Vue.component(componentName, componentConfig.default || componentConfig)
})

main.js 中引入 _global.js

相关文章

网友评论

      本文标题:[Vue] Global Component

      本文链接:https://www.haomeiwen.com/subject/hhwzoctx.html