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

最新推荐文章于 2024-08-07 08:30:00 发布

置顶

破小孩儿乖

最新推荐文章于 2024-08-07 08:30:00 发布

阅读量2.5k

点赞数 1

文章标签： vue javascript vue.js es6

本文链接：https://blog.csdn.net/bugs4j/article/details/106011553

版权

本文介绍了一种在Vue CDN模式下实现远程组件加载的简易方案，旨在解决不使用webpack + vue-cli时组件加载的难题。该方案支持异步加载组件和less样式，并给出了详细的使用说明和代码示例。

摘要由CSDN通过智能技术生成

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

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

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

特点

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

依赖

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

浏览器支持

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

使用说明

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