如何在 Vue.js 中使用 Bootstrap

要在 Vue 中使用 Bootstrap，可以通过以下步骤进行设置：

1. 通过 npm 安装 Bootstrap：

npm install bootstrap

2. 在 Vue 组件中引入 Bootstrap CSS 文件：

<template>
<div class='container'>
  <h1>Hello World</h1>
</div>
</template>

<script>
import 'bootstrap/dist/css/bootstrap.css'

export default {
// ...
}
</script>

3. 在需要使用 Bootstrap 组件的地方，引入相应的 Vue 组件：

<template>
<div>
  <button class='btn btn-primary'>Click me</button>
</div>
</template>

<script>
import { Button } from 'bootstrap-vue'

export default {
components: {
  Button
}
}
</script>

4. 在 main.js 中引入 Bootstrap Vue 和相应的 CSS 文件：

import Vue from 'vue'
import BootstrapVue from 'bootstrap-vue'
import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap-vue/dist/bootstrap-vue.css'

Vue.use(BootstrapVue)

这样就可以在 Vue 项目中使用 Bootstrap 了。