vue2全局批量注册组件

<template>
  <div class="hello">
    <h1>{{ msg }}</h1>
  </div>
</template>

<script>
export default {
  name: 'Hello',
  data () {
    return {
      msg: '6666666666666666666666666666666666666666'
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

</style>

// 全局设置组件
import Hellow from './Hello.vue'

const components = {
    Hellow
}

export default {
    install(Vue) {
        Object.keys(components).forEach(item => {
            Vue.component(components[item].name, components[item])
        })
    }
}

import useCompoents from './components/index'





Vue.use(useCompoents);

效果：