vue 和 bootstrap 是开发中常用的前端框架。有不少人对于这两个框架并不是很熟悉，现在就让我们一起来了解下 vue 和 bootstrap 到底是什么？两者又有什么区别呢。

什么是 bootstrap？

bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JavaScript 的。

Bootstrap 目前的最新版本是 Bootstrap4，利用我们提供的 Sass 变量和大量 mixin、响应式栅格系统、可扩展的预制组件、基于 jQuery 的强大的插件系统，能够快速为你的想法开发出原型或者构建整个 app 。

优点：

• 移动设备优先：自 Bootstrap 3 起，框架包含了贯穿于整个库的移动设备优先的样式。
• 浏览器支持：所有的主流浏览器都支持 Bootstrap。
• 容易上手：只要您具备 HTML 和 CSS 的基础知识，您就可以开始学习 Bootstrap。
• 响应式设计：Bootstrap 的响应式 CSS 能够自适应于台式机、平板电脑和手机。
• 它为开发人员创建接口提供了一个简洁统一的解决方案。
• 它包含了功能强大的内置组件，易于定制。
• 它还提供了基于 Web 的定制。
• 开源免费。

什么是 vue？

Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，vue 采用自底向上增量开发的设计。它的核心库只关注视图层，并且易于学习，容易与其它库或已有项目整合。另一方面，vue 完全有能力驱动采用单文件组件和 vue生态系统支持的库开发的复杂单页应用。

Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

优点：

• 轻量级的框架:  只关注视图层,是一个构建数据的视图集合,大小只有几十 kb。
• 双向数据绑定。
• 组件化:  实现了 html 的封装和重用,在构建单页面应用方面有着独特的优势。
• 视图,数据,结构分离。
• 数据的更改更为简单,不需要进行逻辑代码的修改,只需要操作数据就能完成相关操作。
• 虚拟 dom：不再使用原生的 dom 操作节点,极大解放 dom 操作,但具体操作的还是 dom 不过是换了另一种方式。

vue 和 bootstrap 两者的区别：

Bootstrap 是基于 HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架；而 vue 是一套用于构建用户界面的渐进式JavaScript 框架。

以上就是 vue 和 bootstrap 的两者的区别。更多 vue 与 bootstrap 的学习请关注 W3Cschool 官网。

推荐课程：小白学前端、通俗易懂的 Bootstrap 教程