批量注册全局组件:自定义组件注册

>// import XtxSkeleton from './xtx-skeleton'

>// import XtxCarousel from './xtx-carousel'// import XtxMore from './xtx-more.vue'// export default {//   install (app) {//     // 全局注册组件//     app.component(XtxSkeleton.name, XtxSkeleton)//     app.component(XtxCarousel.name, XtxCarousel)//     app.component(XtxMore.name, XtxMore)//   }// }export default {  install (app) {    // 1.加载components下所有.vue文件    // 参数一:文件路径    // 参数二:是否作用到子文件夹    // 参数三:正则 - 文件名    const ctx = require.context('./', false, /\.vue$/)    // console.log(ctx, 'ctx')    // console.dir(ctx.keys()) // 路径    ctx.keys().forEach((item) => {      // ctx(item) // 导入这个组件  组件      const component = ctx(item).default      app.component(component.name, component)    })  }}// 注:组件需要name属性


// import XtxSkeleton from './xtx-skeleton'// import XtxCarousel from './xtx-carousel'// import XtxMore from './xtx-more.vue'// export default {//   install (app) {//     // 全局注册组件//     app.component(XtxSkeleton.name, XtxSkeleton)//     app.component(XtxCarousel.name, XtxCarousel)//     app.component(XtxMore.name, XtxMore)//   }// }export default {  install (app) {    // 1.加载components下所有.vue文件    // 参数一:文件路径    // 参数二:是否作用到子文件夹    // 参数三:正则 - 文件名    const ctx = require.context('./', false, /\.vue$/)    // console.log(ctx, 'ctx')    // console.dir(ctx.keys()) // 路径    ctx.keys().forEach((item) => {      // ctx(item) // 导入这个组件  组件      const component = ctx(item).default      app.component(component.name, component)    })  }}// 注:组件需要name属性

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容