尽管前端程序现在发展迅速，各种框架层出不穷，但是对广大非前端码农来说构建Web界面的最好的选择仍然还是Bootstrap4。但是Bootstrap依赖于已经严重过时，被抛弃的jQuery组件，那么如何解决这个问题就迫在眉睫了。
Vue项目以其轻巧、高性能，易上手，双向数据绑定，组件化的特点，快速流行并广为使用，那么有没有可能将Bootstrap的依赖改为Vue呢？答案是肯定的。
本文我们就介绍这样一个解决方案，Bootstrap-Vue项目。
安装和设置
Bootstrap-Vue项目提供了Bootstrap项目中jQuery组件依赖了Vue替换方案，可以实现绝大多数案例和组件的替代。我们建议以VueCli插件方式使用，这样可以实现项目自动创建和配置，依赖项添加。首先我们安装VueCli
安装VueCli
由于npm安装较慢，甚至会失败，需要，先安装国内镜像，可以使用cnpm或者npm别称：
然后用cnpm安装vue.js
cnpminstall-g
vue.js创建项目
vuecreatehello-chongchong
这样VueCLI会自动创建一个Vue项目，提示选择项，选择default即可。
进入该项目目录：
cdhello-chongchong
使用下面的命令将Bootstrap-Vue插件添加到项目中。选项提示时，选择Y。
vueaddbootstrap-vue
这样无需任何复杂设置就可以设置好一个以vue启动的Bootstrap项目。
清除示例
默认情况下，VueCLI为提供了一个示例HelloWorld应用程序。这都没啥用的，我们直接清除，包括App.vue和部件目录下的HelloWorld.vue：
src/