# vue加载远程组件示例
## 远程组件端
配置文件设置端口为`3066`
1. 安装所有依赖包
```
npm i
```
2. 打包已有的组件
```
npm run build
```
3. 启动服务静态服务
```
npm run comp
```
可以在浏览器中输入`http://localhost:3066/LayoutOne.js`,即可查看打包与服务是否成功
## 加载远程组件的客户端
1. 安装所有依赖包
```
npm i
```
2. 启动项目
```
npm run serve
```
打开页面，点击顶部 `remote`连接，即可看到远程加载的组件
**注意：rollup-plugin-vue在这里必须为5.x版本**
### 参考连接
- https://markus.oberlehner.net/blog/distributed-vue-applications-loading-components-via-http
- https://juejin.cn/post/6992483283187531789
css-effect-map-collection-master.zip （290个子文件） 
.browserslistrc 30B index.css 233KB animate.css 73KB css.css 15KB style.css 7KB xterm.css 4KB style.css 3KB style.css 3KB flickity.css 3KB perfect-scrollbar.css 3KB index.css 2KB collect.css 1KB demo.css 476B style.css 295B style.css 295B test.csv 10KB test1.csv 24B
qingmingshanghetu.gif 15.12MB shikongchuansuo2.gif 7.45MB bg2.gif 4.32MB word-rain.gif 3.94MB bg.gif 3.36MB shikongchuansuo.gif 2.96MB yaoganfeichuan.gif 652KB .gitignore 231B .gitignore 185B index.htm 3KB
index.html 647KB 官方demo.html 26KB index.html 7KB index.html 6KB index.html 5KB qq登录界面.html 5KB 必应雪花背景.html 4KB index.html 4KB index.html 4KB index.html 4KB 可拖动输入和校验的表格.html 4KB index.html 4KB test2.html 4KB index.html 4KB index2.html 4KB index.html 3KB index.html 3KB 部分loading.html 3KB 使用开源库.html 3KB index使用css替换背景图.html 3KB index3.html 3KB 溢出滚动不兼容ie.html 3KB index.html 3KB index.html 3KB index.html 3KB index.html 3KB 溢出滚动兼容ie10.html 3KB flv-test.html 3KB index.html 3KB index.html 3KB css变量实现.html 3KB temp.html 3KB 双翼圣杯变种.html 3KB test.html 3KB index3.html 2KB index.html 2KB index.html 2KB index.html 2KB clip-path实现不规则背景图特效.html 2KB index.html 2KB index.html 2KB 连续衔接动画.html 2KB index.html 2KB index.html 2KB color-picker.html 2KB index.html 2KB 生命的幻象.html 2KB 拖拽换位置.html 2KB index2.html 2KB ali-RTS.html 2KB index.html 2KB 改变flex调整大小.html 2KB 改变width调整大小.html 2KB clip-path特效实现.html 2KB 椭圆运动.html 2KB index.html 2KB index.html 2KB index.html 2KB index.html 2KB index.html 2KB index.html 2KB 双翼圣杯.html 2KB index2.html 1KB body添加样式实现.html 1KB svg绘制多边形.html 1KB index.html 1KB 下载文件.html 1KB index2.html 1KB index4.html 1KB index.html 1KB index.html 1KB index.html 1KB two.html 1KB共 290 条
- 1
- 2
- 3
资源评论
m0_72731342
- 粉丝: 4
最新资源
- 电子商务专科毕业论文写作格式.doc
- 【自主水下航行器】基于模型预测控制的三维路径跟踪系统设计：AUV在复杂海洋环境中的鲁棒控制与仿真（含详细代码及解释）
- 电力电子基于二次侧PWM可控整流的多路LLC谐振变换器交错并联均流控制研究：解决参数偏差引起的电流不均衡问题（含详细代码及解释）
- 单片机电子时钟设计方案.doc
- 电力系统基于Dual Grid-Forming Converter的双模电网形成变流器控制模型仿真与分析：IEEE论文复现及扩展应用（含详细代码及解释）
- 单片机温控制系统的设计.doc
- 【铁路信号系统】基于光纤布拉格光栅的列车轴计数系统设计与实现：抗电磁干扰的光学传感器解决方案（含详细代码及解释）
- 浅议iTtools网络教学平台对信息技术课堂教学有效性的促进作用.docx
- 电力电子三相矩阵变换器新型调制方法研究：数学理论与验证测试结果分析及工业应用（含详细代码及解释）
- java课程设计方案学生成绩管理系统.doc
- 项目管理办公室(PMO)在研发制造企业的运用研究.docx
- 【珊瑚骨骼生长特征的数字影像分析】基于Python的珊瑚生长密度与生长率提取及环境因素关系分析：实现月尺度高分辨率研究（含详细代码及解释）
- 这篇文章详细介绍了沪深港股票市场关联性动态演化的研究，主要从多层网络视角出发，探讨了“沪港通”和“深港通”政策实施后，沪深港股票市场间的关联性变化（含详细代码及解释）
- 电力电子基于电力电子变压器的16kV/320kW高压脉冲电源方案：高频隔离技术与SiC器件应用详解（含详细代码及解释）
- 这篇文章详细探讨了基于空气单负材料的多通道滤波器设计，特别是由μ负(MNG)介质、空气和ε负(ENG)介质组成的夹层结构中的电磁波隧穿现象（含详细代码及解释）
- 【车联网通信】基于V2V-VLC的室外传播特性建模与可视化：动态LOS/NLOS模型及DCMC容量分析（含详细代码及解释）
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
