Vue中的Bootstrap图标库组件 - bootstrap-icons-vue

Vue中的Bootstrap图标库组件 - bootstrap-icons-vue
插件名称 bootstrap-icons-vue
版本号 v0.6.0
发布时间 2020年10月6日
插件作者 tommyip

Vue 3的图标库,可让您将Bootstrap图标用作应用程序中的组件。

安装和下载:

# Yarn
$ yarn add bootstrap-icons-vue

# NPM
$ npm i bootstrap-icons-vue --save

变更日志:

v0.6.0(02/25/2021)

  • 将 bootstrap-icons升级到v1.4.0

v0.5.0(01/10/2021)

  • 将 bootstrap-icons升级到v1.3.0

v0.4.1(01/01/2021)

  • 添加提示,使Terser认识到该库是无副作用的,因此可以摇晃未使用的导出文件。

基本用法:

1.从bootstrap-icons-vue导入图标。

import { BIconBatteryFull, ... } from 'bootstrap-icons-vue';
// 或全部图标
import { BootstrapIconsPlugin } from 'bootstrap-icons-vue';

2.将图标插入应用程序。

<template>
  <BIconBatteryFull />
</template>
export default {
  components: {
    BIconBatteryFull,
    ...
  },
  // ...
};