虽然前端程序发展迅速，各种框架层出不穷，但非前端coder构建web界面的最佳选择仍然是Bootstrap4。但是Bootstrap依赖的jQuery组件已经严重过时和被遗弃，如何解决这个问题迫在眉睫。Vue项目以其轻量级、高性能、简单易用、双向数据绑定、组件化等特点迅速流行和广泛使用。那么是否可以改变Bootstrap对Vue的依赖呢？答案是肯定的。在本文中，我们将介绍这样一个解决方案，即Bootstrap-Vue项目。安装搭建Bootstrap-Vue项目为Bootstrap项目中的jQuery组件提供了Vue替换方案，可以替换大部分情况和组件。推荐作为VueCli插件使用，可以自动创建配置项目，添加依赖。首先我们安装VueCli。安装VueCli因为npm安装很慢，甚至会失败。需要先安装国内镜像，可以使用cnpm或者npm别名：然后使用cnpm安装vue.jscnpminstall-g@vue.js创建一个项目vuecreatehello-chongchong这样VueCLI会自动创建一个Vue项目，提示选项，然后选择“默认”。进入项目目录：cdhello-chongchong使用如下命令将Bootstrap-Vue插件添加到项目中。当提示选项时，选择“Y”。vueaddbootstrap-vue不需要任何复杂的设置就可以搭建一个以vue启动的Bootstrap项目。清晰示例默认情况下，VueCLI附带一个示例HelloWorld应用程序。这个没用，直接清空吧，包括组件目录下的App.vue和HelloWorld.vue：>src/components/App.vuermsrc/components/HelloWorld.vue使用创建模板的例子Bootstrap所有功能基本都可以在bootstrap中使用-Vue作为全局注册的组件使用。这些组件通常与Bootstrap同名。为了区分它们，它们都以b-xxxx开头。这里我们新建一个App.vue模板，添加一个Bootstrap容器： Hello,Chongchong! Hello,Chongchong!
