cdn使用vue时的一种vue远程组件加载简易实现方案

vue cdn模式下远程组件加载简易实现方案

vue很好用，组件开发大大提高了前端码农的工作效率，vue-cli结合webpack开发vue更是让前端程序员如虎添翼，但是有时候有不能使用webpack + cli(比如你碰上了一个NC的boss…)，那就只能使用cdn全量引入vue了。这自然加大了组件化开发的难度，而且一旦组件数量过多，index.html的内容就会变得过于臃肿，加载速度也没有保证。

为了解决上述问题，利用vue组件机制，开发了这么个cdn下远程组件加载库。

• 源码仓库(请疯狂star)
• 查看演示
• English doc

特点

1. 可以从服务器远程加载组件
2. 可以异步加载组件
3. 支持less样式(需要自行引入less.js)

依赖

• vuejs
• less.js (仅仅当你的组件使用less样式时)

浏览器支持

• 支持任何支持ES6规范的浏览器

使用说明

• api

   vueComponentLoader.loadComponents(options | Array<options>):Promise<components:{
   
   id:constructor}>
   vueComponentLoader.getConstructor(options | id