Bootstrap 是美国 Twitter 公司的设计师 Mark Otto 和 Jacob Thornton 合作基于 html,CSS,JavaScript 开发的简洁, 直观, 强悍的前端开发框架, 使得 web 开发更加快捷.
vue (读音 /vjuː/, 类似于 view) 是一套用于构建用户界面的渐进式 JavaScript 框架. 与其它大型框架不同的是, Vue 被设计为可以自底向上逐层应用. Vue 的核心库只关注视图层, 方便与第三方库或既有项目整合.
Bootstrap 和 vue 的区别
Bootstrap:
特点是栅格系统, 使用简单, 上手容易. 专为响应式页面而生. 一套代码就可以自适应平板电脑和 PC.
缺点在于, 缺少一套有力的成体系的组件 (当时调查的时候还没有, 现在据说有了), 我在实际使用时, 发生了作用域冲突的问题, 如果没有整理好一整套组件, 开发很累.
Vue:
特点在于, 站在了 React 的肩膀上, 许多方面更出色了:
数据的双向绑定. 数据改, 页面改. 页面改, 数据也改.
页面的呈现据说比 React 还快.
组件化 (实际上 React 也有组件化). 这和 Bootstrap 这种组件化的概念还有点不同, Vue 的组件化, 已经把作用域冲突的问题给搞定了. 另外, JS 测试也变得更专业化了 (有点类似 junit).
单 HTML 开发. 它的开发模式, 是一个 HTML, 然后不停替换组件对应的 JS 来切换显示效果. HTML 中的共通 JS 和 CSS 只需要 download 一次, 理论上比 Iframe 页面的呈现更快.
结合 node.JS 提供的 webpack 等, 可以进行成体系的打包发布.
缺点在于, 上手难度比较高, 并且大规模开发的化, 需要有体系化开发的积累. Vue 的组件化开发推荐使用 Element:http://element.eleme.io/#/zh-CN/component/popover
结论:
长远考虑的话, 建议使用 Vue; 短期内使用的话, Bootstrap 是个不错的选择.
更多前端开发 https://www.html.cn/ 知识, 请查阅 HTML 中文网 !!
来源: http://www.css88.com/qa/vue-js/15089.html