vue与bootstrap使用有没有冲突

这篇文章主要讲解了“vue与bootstrap使用有没有冲突”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“vue与bootstrap使用有没有冲突”吧！

vue与bootstrap使用没有冲突；vue写模板可以用bootstrap来提高开发效率，如果需要结合使用的话，可以利用BootstrapVue框架，是bootstrap专门为vue出的一款框架。

本教程操作环境：Windows10系统、bootstrap3.3.7版、DELL G3电脑

vue与bootstrap使用有冲突吗

vue写模板可以用bootstrap来提高开发效率

如果要结合使用的话建议用BV框架  bootstrap专门为vue出的一款框架

BootstrapVue 是基于 Bootstrap v4 + Vue.js 的前端 UI 框架。BootstrapVue 作为学习 Vue.js 框架本身的入门框架，我认为是非常不错的。Bootstrap 框架本身是轻量级的、易于学习的，在世界范围内非常流行，有许多第三方插件和主题样式。Vue.js 作为一个渐进式框架，核心库只关注视图层，不仅易于上手，还便于与第三方框架或既有项目整合。

BootstrapVue 框架的安装步骤

准备工作，安装 Vue CLI

Vue CLI 包名称从 vue-cli 改成 @vue/cli。如果安装了老版本的 vue-cli（1.x 或 2.x），需要先移除老版本：

npm uninstall -g vue-cli

再安装新版本：

npm install -g @vue/cli

查看 vue 版本：

vue --version

如果显示 3.x，表明安装正确了。

新建 Vue 项目

vue create bootstrapvue-demo

当提示 Please pick a preset 时，选择默认的 default 并回车。

运行 Vue 项目

cd bootstrapvue-demo
npm run serve

感谢各位的阅读，以上就是“vue与bootstrap使用有没有冲突”的内容了，经过本文的学习后，相信大家对vue与bootstrap使用有没有冲突这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是亿速云，小编将为大家推送更多相关知识点的文章，欢迎关注！