Bootstrap和vue.js的区别是什么?

Bootstrap和vue.js的区别是什么?下面本篇文章给大家介绍一下Bootstrap和vue.js的区别。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

Bootstrap

Bootstrap是基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架,使得 Web 开发更加快捷。Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成。

Bootstrap一经推出后颇受欢迎,一直是GitHub上的热门开源项目,包括NASA的MSNBC(微软全国广播公司)的Breaking News都使用了该项目。国内一些移动开发者较为熟悉的框架,如WeX5前端开源框架等,也是基于Bootstrap源码进行性能优化而来。

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

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

【相关教程推荐:bootstrap视频教程

vue.js

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

Vue.js是一款流行的开源 JavaScript前端框架,旨在更好地组织与简化Web开发。Vue所关注的核心是MVC模式中的视图层,同时,它也能方便地获取数据更新,并通过组件内部特定的方法实现视图与模型的交互。

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

Vue.js 自身不是一个全能框架——它只聚焦于视图层。因此它非常容易学习,非常容易与其它库或已有项目整合。另一方面,在与相关工具和支持库一起使用时,Vue.js 也能完美地驱动复杂的单页应用。

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

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

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

更多web前端知识,请查阅 HTML中文网 !!

以上就是Bootstrap和vue.js的区别是什么?的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » Bootstrap 教程