vue2使用Bootstrap

在Vue2中使用Bootstrap并不直接内置，Bootstrap原本是基于jQuery的前端框架，但它也提供了纯CSS版本，称为Bootstrap CSS，可以轻松地与Vue2项目结合使用。如果你想在Vue2中利用Bootstrap的样式和组件，你需要做以下几个步骤：

1. **下载Bootstrap CSS**：从Bootstrap官网下载最新版本的Bootstrap CSS文件，或者从CDN链接直接引用，比如`<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.6.0/css/bootstrap.min.css">`。

2. **添加Vue2 Bootstrap组件库**：有一些第三方库，例如`vue-bootstrap`，可以帮助你更方便地在Vue中使用Bootstrap组件。你可以在npm或yarn中安装它(`npm install vue-bootstrap` 或 `yarn add vue-bootstrap`)。

3. **安装和注册组件**：在你的Vue组件中导入并注册Bootstrap提供的Vue组件，如`import { Button } from 'vue-bootstrap'`，然后在组件里使用`<button :class="['btn', 'btn-primary']">点击我</button>`。

4. **使用组件**：在Vue组件模板中，就像使用普通的Vue组件一样使用Bootstrap的元素，比如按钮、卡片、栅格系统等。

5. **注意兼容性**：由于Vue和Bootstrap各自有自己的生命周期和渲染机制，可能会有些许差异，所以在使用过程中注意检查文档和兼容性。