vue和bootstrap的区别

2021-10-14 11:13发布

站内问答 / Vue.js
5230 19 23

vue和bootstrap的区别，这两个能一起用吗

vue和bootstrap的区别，这两个能一起用吗

发送
19条回答
不吃鱼的猫
2楼 · 2021-10-15 14:45

Bootstrap和vue不是一个层级的东西.Bootstrap是在jquery时代的UI组件库，而且Bootstrap大部分组件是依赖css的，依赖jQuery的组件主要是有交互的弹窗组件、下拉菜单等

上来打杂的
3楼 · 2021-10-15 16:50

BootStrap:

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

缺点在于, 缺少一套有力的成体系的组件。

Vue:

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

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

2. 页面的呈现据说比React还快.

3. 组件化(实际上React也有组件化). 这和BootStrap这种组件化的概念还有点不同, Vue的组件化, 已经把作用域冲突的问题给搞定了.另外, js测试也变得更专业化了(有点类似junit).

4. 单html开发. 它的开发模式, 是一个html, 然后不停替换组件对应的js来切换显示效果. html中的共通js和css只需要download一次, 理论上比Iframe页面的呈现更快.

5. 结合node.js提供的webpack等, 可以进行成体系的打包发布.

缺点在于, 上手难度比较高, 并且大规模开发的化, 需要有体系化开发的积累.




靓猴一枚
4楼 · 2021-10-16 15:50

Bootstrap

Bootstrap是美国Twitter公司的设计师Mark Otto和Jacob Thornton合作基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架，使得 Web 开发更加快捷。

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

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

相关推荐：《bootstrap教程》

Vue

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

特点在于, 站在了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

相关推荐：《vue.js教程》

bootstrap与vue的区别

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


夏虫语冰
5楼 · 2021-10-17 11:47

vue和bootstrap不是一个层级的东西。Bootstrap是在jquery时代的UI组件库，而且Bootstrap大部分组件是依赖css的，依赖jQuery的组件主要是有交互的弹窗组件、下拉菜单等。Bootstrap很适合做静态网站，比如公司官网。
Vue是一套用于构建用户界面的渐进式框架， 它和react，angular是一个系列的东西。Vue适合做单页应用，比如后台管理系统、手机端的具有复杂交互的H5系统。
简单的说，bootstrap主要是css样式，vue其实是类似javascript、jquery。

我的网名不再改
6楼 · 2021-10-17 20:37

　在很多人眼里bootstrap和vue都是前端框架，其实他们还是有很多区别的，bootstrap是前端页面框架，用于快速开发响应式页面，而vue是前端js库，把前端开发组件化。

我的web前端学习交流群点击进入1045267283，欢迎加入！


BootStrap:

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


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


Vue:

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


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

　　2. 页面的呈现据说比React还快.

　　3. 组件化(实际上React也有组件化). 这和BootStrap这种组件化的概念还有点不同, Vue的组件化, 已经把作用域冲突的问题给搞定了.另外, js测试也变得更专业化了(有点类似junit).

　　4. 单html开发. 它的开发模式, 是一个html, 然后不停替换组件对应的js来切换显示效果. html中的共通js和css只需要download一次, 理论上比Iframe页面的呈现更快.

　　5. 结合node.js提供的webpack等, 可以进行成体系的打包发布.

　　缺点在于, 上手难度比较高, 并且大规模开发的化, 需要有体系化开发的积累.



回答: 2021-11-17 11:30

BootStrap:

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


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


Vue:

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


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

　　2. 页面的呈现据说比React还快.

　　3. 组件化(实际上React也有组件化). 这和BootStrap这种组件化的概念还有点不同, Vue的组件化, 已经把作用域冲突的问题给搞定了.另外, js测试也变得更专业化了(有点类似junit).

　　4. 单html开发. 它的开发模式, 是一个html, 然后不停替换组件对应的js来切换显示效果. html中的共通js和css只需要download一次, 理论上比Iframe页面的呈现更快.

　　5. 结合node.js提供的webpack等, 可以进行成体系的打包发布.

　　缺点在于, 上手难度比较高, 并且大规模开发的化, 需要有体系化开发的积累.


以上就是vue bootstrap区别的详细内容。

请叫我雷锋叔叔啊
7楼 · 2021-10-17 21:05

bootstrap是前端页面框架，用于快速开发响应式页面，而vue是前端js库，把前端开发组件化。


是开心果呀 - 热爱生活
8楼 · 2021-10-19 13:44

Bootstrap和vue不是一个层级

Bootstrap是在jquery时代的UI组件库，而且Bootstrap大部分组件是依赖css的，依赖jQuery的组件主要是有交互的弹窗组件、下拉菜单等。

使用Bootstrap主要是感觉它的栅格系统和自适应布局做的很好，Bootstrap很适合做静态网站，比如公司官网。Vue是一套用于构建用户界面的渐进式框架， 它和react，angular是一个系列的。

Vue适合做单页应用，比如后台管理系统、手机端的具有复杂交互的H5系统。


苏楠 - 世界的没好好与你环环相扣
9楼 · 2021-10-19 15:55

Bootstrap和vue不是一个层级的东西.Bootstrap是在jquery时代的UI组件库，而且Bootstrap大部分组件是依赖css的，依赖jQuery的组件主要是有交互的弹窗组件、下拉菜单等。我当时使用Bootstrap主要是感觉它的栅格系统和自适应布局做的很好，Bootstrap很适合做静态网站，比如公司官网。Vue是一套用于构建用户界面的渐进式框架， 它和react，angular是一个系列的东西。Vue适合做单页应用，比如后台管理系统、手机端的具有复杂交互的H5系统。


回答: 2021-12-01 17:30

bootstrap和vue都是前端框架,其实他们还是有很多区别的,bootstrap是前端页面框架,用于快速开发响应式页面,而vue是前端js库,把前端开发组件化

1 2 3 下一页

相关问题推荐

  • vue3.0和vue2.0的区别有哪些，优点是什么2021-02-03 10:13
    回答 14

    1.重构响应式系统，使用Proxy替换Object.defineProperty，使用Proxy优势：•可直接监听数组类型的数据变化•监听的目标为对象本身，不需要像Object.defineProperty一样遍历每个属性，有一定的性能提升•可拦截apply、ownKeys、has等13种方法，而Object.define...

  • 怎么实现vue 跳转页面返回后回到原来的位置2021-04-16 13:39
    回答 12

    vue页面跳转后返回原页面初始位置        vue页面跳转到新页面之后，再由新页面返回到原页面时候若想返回调出原页面的初始位置，怎么来解决这个问题呢？首先我们应该在跳出页面时候记录下跳出的scrollY，返回原页面的时候在设置返回位置为记录下的scrolly...

  • MVVM和MVM的不同？2020-05-09 15:51
    回答 9

    这个问题建议你系统了解下MVC→MVP→MVVM的进化历程。（1）首先说下MVC    MVC全名是Model View Controller，是模型（model）－视图（view）－控制器（controller）的缩写。MVC开始是存在于桌面程序中，使用MVC的目的是将M和V的实现代码分离。从图里可以看...

  • 使用vue后怎么针对搜索引擎做SEO优化？搜索引擎 Vue.js 2020-05-26 16:30
    回答 13

    目前，对于SEO支持比较好的项目方案是采用服务端渲染。所以如果项目有SEO需求，那么比较好的方案是服务端渲染。如果你已经采用了前后分离的单页项目，而你的网站内容不需要AJAX去获取内容和展示内容，那么可以试试 prerender-spa-plugin 这个插件，这个插件是...

  • vue写一个界面按钮怎么调用另一个界面的弹窗2021-05-10 15:29
    回答 13

    首先你需要引入另一个界面，然后通过$refs.refName的方式调用弹框的方法后者直接把弹框的属性置成true。注意需要另一个页面渲染完成后才能用【$refs.refName】

  • 前端vue是不是现在比较常用的2020-09-27 20:50
    回答 16

    是的，前端不会Vue根本就没必要再聊下去了

  • vue大屏项目的适配问题2021-01-15 10:32
    回答 7

    这里有一篇文章可以帮助你https://blog.csdn.net/qq_40282732/article/details/105962708

  • 在vue框架下，如何调整echarts图表在移动端HTML5移动框架 2022-03-15 16:11
    回答 5

    内部图表大小是与div容器大小位置相关的，如果想调整图表大小位置，调整div的属性就可以。如果是想调整图表与div间上下左右留白，则设置grid属性就可以。

  • 在使用vue框架时，如何改变组件的大小？HTML5移动框架 2022-02-25 15:25
    回答 7

    使用 /deep/ 注意：使用 cass 和 less 只能使用 /deep/ 这个方法

  • vue中外部引入svg如何使用scss给svg添加2021-06-03 14:05
    回答 4

    创建icons/svg文件夹将svg文件放在该文件夹下面在components文件夹中创建svgiconfont.vue文件文件内容：        [removed]  import '@/icons'  export default {    name: 'svg-icon',    props: {      iconClass: {      ...

  • java小白求教为什么在data定义变量在方法使用Vue.js 2021-05-23 16:27
    回答 3

    引用数据类型数组的元素是对象引用,没有实际的值，需要给它实例。例如date days = new date[5];days[0]  = new date(2000,12,3)每一个days都要去分配。而基础类型都有默认初始值。

  • vue计算属性遇到的问题2021-05-23 13:28
    回答 5

    计算属性与响应式并不冲突对立的存在，计算属性往往是用于数据的聚合或者离散，数据响应式的话就是视图响应数据变动（先容我装个逼）在vue中就是通过watcher调用一次实例对象中data的数据（当然这层数据也会做一层映射，映射到实例的属性中）在数据的defineOb...

  • 用实例来展示 Vue 的过渡是如何实现的2021-04-26 15:37
    回答 3

    Vue中有一个自带的transition组件，就是用来实现过渡效果的，具体怎么使用呢，很简单，其实就两个步骤：①用transition组件，把要做过渡效果的元素包起来②写上相应的过渡效果的css是不是很简单，比把大象装冰箱还简单。然而，并没有，在这两个步骤中，我们要...

没有解决我的问题，去提问