Vue自动注册统一前缀的自定义组件

main.js中注册组件

// 注册命名以 DIY 开头的自定义组件
import diyComponents from '@/components'
Vue.use(diyComponents)

components文件夹下添加index.js,核心代码如下:

// 注册命名以 DIY 开头的自定义组件
export default {
  install(Vue) {
    const componentsContext = require.context('@/components', true, /\.vue$/)
    componentsContext.keys().forEach(component => {
      const componentConfig = componentsContext(component).default
      if (componentConfig.name && componentConfig.name.indexOf('DIY') === 0) {
        Vue.component(componentConfig.name, componentConfig)
      }
    })
  },
}

components文件夹下添加组件Wait

components文件夹下添加文件夹Wait,然后添加Wait.js

//Wait.js





使用组件

使用时,

你可能感兴趣的:(vue.js)