本文以Bootstrap标签页组件为例，介绍如何编写或者封装一个前端组件，具体示例代码大家参考下本

介绍 本文以Bootstrap标签页组件为例，介绍如何编写或者封装一个前端组件，以下是实现效果： 原生的Bootstrap-tab组件主要有html,css组成，开发者使用时，需要写很多代码，不易于使用，对bootstrap-tab封装后，可以更方便地使用，同时提供关闭、增加tab页、指定当前选中页、即使加载等功能，这样组件可以适配更多的场景。 原生bootstrap-tab组件使用可参考https://www.mscto.com/bootstrap/bootstrap-tab-plugin.