vue 和 bootstrap的区别

vue 和 bootstrap 两者的区别：

Bootstrap 是基于 HTML、CSS、JavaScript 的前端开发框架，简单易用。而 vue 是一套用于构建用户界面的渐进式JavaScript 框架有一定的学习难度。

讲解什么是 bootstrap？

Bootstrap 目前的最新版本是 Bootstrap5，摒弃了jqurey。利用我们提供的 Sass响应式栅格系统、可扩展的预制组件能够迅速构建网站和控制界面。

Bootstrap优点：

• 响应式一站式兼容，兼容所有移动终端设备。
• 浏览器支持：除了IE外，兼容所有浏览器。（当然ie现在也被微软放弃了）
• 上手简单：您只要会html基础，和简单的引入css和js，就可以用boostrap了。
• 响应式设计：Bootstrap 的响应式 CSS 能够自适应于台式机、平板电脑和手机。
• 丰富的内置组件：可以根据预制的样式做出很多不错的效果。

讲解什么什么是 vue？

Vue.js（读音 /vjuː/, 类似于 view） 它的核心库只关注视图层，并且易于学习，容易与其它库或已有项目整合。另一方面，vue 完全有能力驱动采用单文件组件和 vue生态系统支持的库开发的复杂单页应用。

Vue优点：

• 轻量级的框架: 由于只关注视图层，所以很轻量。
• 组件化: 实现了 html 的封装和重用,视图,数据,结构分离。
• 虚拟 dom：自己虚拟dom

光说优点，得说说缺点了

讲讲Bootstrap缺点

• 早期版本兼容IE困难，后期版本直接无视IE了。
• 臃肿，当您不想要的东西也是集成在里面了
• 高度依赖框架，也难以除bug

讲讲vue缺点

• SEOER最不能容忍的的就是vue在前端展现的就是一堆js代码，对搜索引擎收录简直就是零！
• 异步加载方式，对SEO也是一场噩梦。
• 用vue建站就不用考虑被搜索引擎收录了。
• 简单页面不需要用vue，毕竟反而更慢，因为又要虚拟DOM
• 占用内存，因为要虚拟备份DOM副本占用内存

vue和bootstrap两者该怎么选？

vue和bootstrap两者该怎么选是个好问题！传统建站，异步交互少，对百度收录有要求的，选bootstrap！如果有大量异步交互，例如后台管理界面，控制台等，对SEO没要求的选vue。