Vue 3 是一个基于 JavaScript 的前端框架，虽然它本身并不自带 Bootstrap UI 库，但是可以通过第三方库，如 @bootstrap/milligram、@bootstrap-vue/illuminatedbuttons、@vuejs-community/bootstrap-vue-gallery 等，按需引入 Bootstrap UI 的组件和样式。

以下是如何在 Vue 3 中使用 Bootstrap UI 的步骤：

1. 安装 Bootstrap UI 库： bash npm install @bootstrap/milligram @bootstrap-vue/illuminatedbuttons @vuejs-community/bootstrap-vue-gallery

2. 在项目中引入 Bootstrap UI 的相关库： ```javascript import { Vue, Component } from 'vue' import 'bootstrap/dist/css/bootstrap.min.css' import 'bootstrap-vue/illuminatedbuttons/dist/illuminatedbuttons.css' import 'bootstrap-vue-gallery/dist/bootstrap-gallery.min.css'

Vue.component('my-component', { template: '

1. 在组件中使用 Bootstrap UI 的组件： ```javascript import { Carousel, Image, Button, Dropdown } from 'bootstrap-vue-gallery/dist/'

const myComponent = new Vue({ el: '#app', data: { message: 'Hello, World!', }, components: { Carousel, Image, Button, Dropdown, }, }) ```

注意：在引入 Bootstrap UI 库时，需要确保你的项目已经包含了 Bootstrap 的相关 CSS 和 JavaScript 文件。如果你在项目中没有使用 Bootstrap 的 CSS 文件，你可以将 Bootstrap CSS 文件放在 dist 目录下，并通过以下命令添加到项目中的 CSS 文件列表：

bash npm install @bootstrap/milligram @bootstrap-vue/illuminatedbuttons @vuejs-community/bootstrap-vue-gallery/dist/styles.css

然后在你的项目中引用这些 CSS 文件：

html <link rel="stylesheet" href="dist/styles.css">

现在，当你在Vue 3 中使用 Bootstrap UI 的组件时，你只需要在你的 Vue 实例中引入相关组件的引用，并在组件中使用 Bootstrap UI 组件的样式即可。需要注意的是，Bootstrap UI 组件的样式通常与 Bootstrap 4 的样式不同，因此在使用 Bootstrap 4 的组件时可能需要根据你的项目需求进行相应的调整。