bootstrap和vue哪个好？

NoraXie 2022-06-22 19:44 回答10 收藏1

收藏问题

10条回答

newtrek

回答于2022-06-22 19:44

首先这两个不是同一个纬度的，vue是一个渐进式js框架，它封装的是一系列开发的规范和语法糖，而bootstrap则是一套ui框架，主要关注的是展示层。

楼主既然问出这样的问题，应该是行业外的或者刚入门的新手，那么要讲清楚这两者的关系，不妨打个比方来形容，如果把前端开发比喻成盖房子，那么vue就像一套盖房规范，告诉你房子需要有地基，梁柱，楼梯等并且告诉你怎么安装，因此你可以通过vue在其规范下盖出各种符合你需求的房子，而bootstrap则像是一套装修风格，墙壁什么颜色的油漆，茶几，地板什么样式的等，所以这两者互不影响，只要你喜欢，你也可以同时使用vue和bootstrap，希望能帮到你。

评论0 赞同0

加载中...

piglei

回答于2022-06-22 19:44

Bootstrap

Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目。

特点

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

提高开发效率
规范名称定义，便于维护
规范项目开发流程
css代码更清晰、简单。html代码更合理
bootstap最近发布了bootstrap4，拥有了box-flex布局等更新，紧跟最新的web技术的发展
比较成熟，在大量的项目中充分的使用和测试
拥有完善的文档，使用起来更方便
有大量的组件样式，接受定制
可以实现响应式布局，开发响应式布局网站很便捷
统一的编码风格
详细的说明文档，可快速开发
移动设备优先
性能成熟，在大量项目中使用测试过

缺点

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

有兼容性问题，ie6以下不支持
不支持sass
使用定制会产生大量冗余代码
点击导航页面直接切换相应位置时，效果像一个锚点，没有滚动动画

Vue

Vue 是一套用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，方便与第三方库或既有项目整合。

特点

把页面当组件加载，加载更快
共用API和资源，不再重复加载
数据的双向绑定. 数据改, 页面改. 页面改, 数据也改.
页面的呈现据说比React还快.
组件化(实际上React也有组件化). 这和BootStrap这种组件化的概念还有点不同, Vue的组件化, 已经把作用域冲突的问题给搞定了.另外, js测试也变得更专业化了(有点类似junit).
单html开发. 它的开发模式, 是一个html, 然后不停替换组件对应的js来切换显示效果. html中的共通js和css只需要download一次, 理论上比Iframe页面的呈现更快.
结合node.js提供的webpack等, 可以进行成体系的打包发布.

缺点

上手难度比较高, 并且大规模开发的话, 需要有体系化开发的积累. Vue的组件化开发推荐使用Element。

页面是异步加载，不利于搜索引擎抓取

首次加载稍慢

bootstrap与vue的区别

Bootstrap是基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架；而Vue是一套用于构建用户界面的渐进式JavaScript框架，轻量级框架、简单易学、双向数据绑定、组件化、数据和结构的分离、虚拟DOM、运行速度快，VUE目前最流行的前端框架。

评论0 赞同0