5.2.1、Bootstrap-Vue 简介

Bootstrap Vue

借助BootstrapVue，您可以使用Vue.js和世界上最受欢迎的前端CSS库 Bootstrap v4在网络上构建响应式，移动优先和ARIA可访问的项目 。

• Bootstrap v4是世界上最受欢迎的框架，用于构建响应式，移动优先的网站。
• Vue.js （发音为/ vjuː /，类似于视图）是用于构建用户界面的渐进框架。

官方地址：https://bootstrap-vue.js.org/
文档地址：https://bootstrap-vue.js.org/docs/
Github: https://github.com/bootstrap-vue/bootstrap-vue

特性

• 反应灵敏
  移动优先响应式布局

• 模块化的
  仅导入您需要的功能

• 无障碍
  自动化的WAI-ARIA可访问性标记

• 现代
  使用Vue.js v2.6和 Bootstrap SCSS v4.4构建

• 可配置的
  使用SCSS变量和全局选项 创建主题

• 自由
  开源于GitHub， MIT许可证

安装

使用 npm 或 yarn 安装

我们推荐使用 npm 或 yarn 的方式进行开发，不仅可在开发环境轻松调试，也可放心地在生产环境打包部署使用，享受整个生态圈和工具链带来的诸多好处。

$ npm install ant-design-vue --save
$ yarn add ant-design-vue

示例

import Vue from 'vue';
import { DatePicker } from 'ant-design-vue';
Vue.use(DatePicker);

引入样式：

import 'ant-design-vue/dist/antd.css'; // or 'ant-design-vue/dist/antd.less'