美文网首页
[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