Vue内如何批量导入组件

  杨宗威   2019-08-19 14:10:00  0  949  
关注 喜欢 鲜花 收藏 评论

文章来源于设计

 

设计目的:

      设计个loader进行模块加载,这样可以在调用过程中的代码相对统一,便于后期维护

目录结构设计:

      src/path/to/components/   - 组件目录

      在目录中写入 index.js 

      .......
      export {A,B,C,D,E,F....} //这里将我们需要暴露出去的组件均置放在export内

调用实现:

       设计个loader.vue 
      import * as coms  from 'src/path/to/components/';  //默认载入index.js

      ... 

      ...<这里省略不少代码,请见谅>

      components:{

           ...coms //到此完成

      }

 

 

 

以上代码可能不熟悉VUE的一头雾水,如果使用VUE进行设计的,应该能大致看明白点些。

欢迎留存

作者:杨宗威
来源:小河湾
原文:http://xiaohewan.com/article/show?id=175
版权声明:本文为作者原创文章,转载请附上文章链接!

评论
请先登录后再发布评论
全部评论