bootstrap与vue的区别

bootstrap与vue的区别

bootstrap:

特点

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

推荐手册:Bootstrap 中文手册

缺点

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

立即学习“前端免费学习笔记(深入)”;

Vue:

特点

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

推荐手册:Vue.js基础教程

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](http://element.eleme.io/#/zh-CN/component/popover)

结论:

长远考虑的话, 建议使用Vue+node.js. 短期内使用的话, BootStrap是个不错的选择.

相关文章推荐:
1.Vue.js基础教程
2.Vue.js基础教程
3.Vue.js基础教程
相关视频教程:
1.Vue.js基础教程

以上就是bootstrap与vue的区别的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2635774.html

(0)
上一篇 2025年3月7日 04:53:20
下一篇 2025年2月25日 02:59:26

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • vscode怎样搭建vue开发环境

    安装node.js 从node.js官网下载并安装node,安装过程很简单,一路“下一步”就可以了。  安装完成之后,打开命令行工具,输入node -v,如下图,如果出现相应的版本号,则说明安装成功。 npm包管理器,是集成在node中的,…

    2025年3月7日 编程技术
    200
  • vue.js和bootstrap之间有什么区别?

    区别:Bootstrap是基于HTML、CSS、JavaScript开发的简洁、直观、强悍的前端开发框架;而vue.js是一套用于构建用户界面的渐进式JavaScript框架,Vue的核心库只关注视图层。 vue.js Vue (读音 /v…

    2025年3月7日
    200
  • 怎么用npm安装vue

    用npm安装vue的方法:首先下载node.js;然后通过命令安装淘宝镜像npm;接着通过命令“npm install -g @vue/cli”安装Vue;最后创建vue项目即可。 推荐:《vue.js教程》 一、下载node.js 官方下…

    2025年3月7日 编程技术
    200
  • egg和vue的区别是什么?

    区别:egg是一个开源的企业级Node.js框架,专注于企业级框架和应用而生。而vue是一套用于构建用户界面的渐进式JavaScript框架,Vue的核心库只关注视图层,方便与第三方库或既有项目整合。 egg.js简介 egg.js 是阿里…

    2025年3月7日
    200
  • 怎么安装vue.js

    安装vue.js的方法:首先从【node.js】官网下载并安装node;然后在命令行运行命令“npm install -g vue-cli”安装vue cli脚手架构建工具;最后在项目目录中,运行命令“npm run dev”即可。 推荐:…

    2025年3月7日 编程技术
    200
  • 怎么运行vue.js

    运行vue.js的方法:首先搭建好环境;然后通过命令“cd desktop/项目名称”进入项目;接着通过命令“npm install”安装依赖;最后使用命令“npm run dev”运行项目即可。 本教程操作环境:windows7系统、vu…

    2025年3月7日
    200
  • eclipse支持vue吗

    eclipse支持vue,可以通过安装CodeMix插件来开发Vue;安装方法:1、选择“Help”->“Eclipse MarketPlace”;2、在搜索框输入vue,查找codeminx插件, 点击install进行安装即可。 …

    2025年3月7日 编程技术
    200
  • vue node 是什么

    vue是一套用于构建用户界面的渐进式JavaScript框架,vue采用自底向上增量开发的设计;而node是基于谷歌Chrome的JavaScript引擎构建的服务器端平台,是一个开源的跨平台运行时环境,用于开发服务器端和网络应用程序。 本…

    2025年3月7日
    200
  • vue脚手架搭建流程

    vue脚手架搭建流程是:首先安装node.js;然后用npm安装vue-cil或者用“cnpm install -g vue-cli”命令安装vue脚手架;最后使用vue脚手架搭建vue项目即可。 本文操作环境:windows7系统、vue…

    2025年3月7日
    200
  • webstorm搭建vue项目新手教程

    本文的目的是为首次使用webstorm搭建vue项目的新手介绍具体的搭建流程。 首先我们来介绍几个名词。 Node.js: Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。  立即学习“前端免费学习笔…

    2025年3月7日 编程技术
    200

发表回复

登录后才能评论