微信公众号 讲师中心
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机/移动开发 手机游戏
搜索
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程
自媒体 新闻
首页 > 常见问题 > 正文

bootstrap与vue的区别

爱喝马黛茶的安东尼
发布： 2019-06-17 14:57:20
原创
25402人浏览过

bootstrap与vue的区别

bootstrap:

特点

栅格系统，使用简单，上手容易。 专为响应式页面而生. 一套代码就可以自适应平板电脑和PC。

推荐手册：Bootstrap 中文手册

缺点

缺少一套有力的成体系的组件(当时调查的时候还没有, 现在据说有了), 我在实际使用时, 发生了作用域冲突的问题,  如果没有整理好一整套组件, 开发很累。

立即学习“前端免费学习笔记（深入）”；

Vue:

特点

站在了React的肩膀上, 许多方面更出色了:   

推荐手册：Vue.js基础教程

1.数据的双向绑定. 数据改, 页面改. 页面改, 数据也改。  

稿定AI社区
稿定AI社区

在线AI创意灵感社区

稿定AI社区 60
查看详情 稿定AI社区

2.页面的呈现据说比React还快。  

3.组件化(实际上React也有组件化). 这和BootStrap这种组件化的概念还有点不同, Vue的组件化, 已经把作用域冲突的问题给搞定了。另外, js测试也变得更专业化了(有点类似junit)。

4.单html开发. 它的开发模式, 是一个html, 然后不停替换组件对应的js来切换显示效果. html中的共通js和css只需要download一次, 理论上比Iframe页面的呈现更快.    

5.结合node.js提供的webpack等, 可以进行成体系的打包发布。

缺点

上手难度比较高, 并且大规模开发的话, 需要有体系化开发的积累。Vue的组件化开发推荐使用Element: [http://element.eleme.io/#/zh-CN/component/popover](http://element.eleme.io/#/zh-CN/component/popover)

结论:

长远考虑的话, 建议使用Vue+node.js. 短期内使用的话, BootStrap是个不错的选择.

相关文章推荐：
1.vue中引入bootstrap的详细教程（步骤）
 2.elementui和bootstrap区别
3.layui和bootstrap的区别
相关视频教程：
1.JavaScript极速入门_玉女心经系列

以上就是bootstrap与vue的区别的详细内容，更多请关注php中文网其它相关文章！

相关标签：
bootstrap vue JavaScript node.js css bootstrap vue.js layui elementui html webpack junit JS 作用域 http

大家都在看：

最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。

下载
来源：php中文网
收藏 点赞
上一篇：编译程序的最终目标是什么 下一篇：wps页面设置横向纵向的方法
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
“应用程序无法正常启动0xc000007b”如何解决？五种有效方案 0xc000007b错误通常由运行库缺失或损坏引起，解决方法包括：重启并以管理员身份运行程序；重新安装应用程序；修复VisualC++运行库；更新DirectX组件；使用SFC命令扫描修复系统文件。
2025-11-09 12:58:02
861
申通快递官方网站查询入口 申通快递单号查询入口官网链接 申通快递官网查询入口是http://www.sto.cn，用户可在此网站实时追踪运单状态，获取从揽收到派送的全流程节点信息，并享受多端便捷操作与配套服务。
2025-11-09 12:55:03
822
申通快递查询入口链接 申通快递查询官方入口官网 申通快递查询入口官网为https://www.sto.cn，提供单号查询、批量查询、智能客服、网点定位等功能，支持物流全链路跟踪与异常推送，同时为企业提供API对接、定制揽收及大促保障服务。
2025-11-09 12:54:03
678
如何用投影仪播放TS文件_投影仪播放TS文件的方法与设备要求 可通过外接播放设备、转换为MP4格式、手机投屏或格式化U盘为FAT32/exFAT解决投影仪无法播放TS文件的问题，确保兼容性与稳定播放。
2025-11-09 12:44:02
366
大寒吃什么增强抵抗力 大寒节气滋补菜谱 大寒时节推荐食用山药滑肉汤、口蘑焖鸡翅和白菜豆腐煲。山药滑肉汤健脾益胃，小火慢炖释放营养；口蘑焖鸡翅香气浓郁，鸡肉嫩滑补能暖身；白菜豆腐煲清淡醇厚，热腾腾上桌温暖身体。
2025-11-09 12:42:03
557
青椒放久变质还能吃吗 青椒坏了判断 青椒变质可通过外观、气味、触感判断，若出现黑斑、软塌、异味或黏滑应丢弃；局部腐烂需切除1厘米以上并检查切面；储存宜冷藏避乙烯，保持干燥通风。
2025-11-09 12:40:03
386
如何用ALLPlayer播放TS文件_ALLPlayer播放TS文件与字幕同步方法 答案：通过更新ALLPlayer、手动加载字幕、调整延迟、启用内部解码器及下载在线字幕可解决TS文件播放异常与字幕不同步问题。具体步骤包括使用最新版ALLPlayer确保兼容性，确认TS文件完整并转换格式如MP4；将同名字幕文件置于同一目录并手动加载；通过快捷键G/H或菜单调节字幕延迟；在首选项中启用内部MPEG-TS解码器提升解析稳定性；利用“下载字幕”功能自动获取匹配的在线字幕，确保语言正确后进行必要的时间轴校准。
2025-11-09 12:37:02
440
极兔快递单号怎么查询 J&T极兔速递快递单号查询 可通过官方公众号、官网或第三方平台查询极兔快递物流信息。首先关注“极兔速递”微信公众号，点击“查件寄件”并输入单号即可获取动态；其次访问官网jtexpress.com.cn，在“运单查询”框输入单号查看全流程记录；此外还可使用快递100、菜鸟裹裹等第三方平台，输入单号自动识别并追踪包裹轨迹。
2025-11-09 12:29:02
879
天猫2025双十一红包雨入口红包雨时间表 天猫2025双十一红包雨入口在淘宝/天猫APP搜索【开心就好456】，10月15日至11月11日每日可领1次，最高25888元，10月31日、11月10日晚8点加码，支持叠加满减与优惠券使用。
2025-11-09 12:26:02
912
极兔快递官方电话是多少_极兔快递客服电话与人工接入指南 首先拨打极兔快递官方电话956025，按语音提示选择服务或转接人工；其次可通过微信搜索“极兔速递J&T”公众号，发送“人工客服”接入在线服务；最后可下载极兔速递App，在帮助中心申请客服回电，15分钟内等待回复。
2025-11-09 12:23:24
415
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部