vue-baberrage 弹幕组件踩坑吐槽（后来改用了vue-danmaku）

引言

本帖子是本人在日常开发工作中，遇到的问题以及归纳总结，第一次发文，如果有哪里写的不对还请各位大佬留言指正（这是一个吐槽贴，并非vue-baberrage问题解决方案

目录

--开发场景--

--组件介绍--

--------------------------------------华丽的分割线--------------------------------------

1.需求场景

        因为项目中要实现一个文字弹幕，要有鼠标悬停事件，自定义样式，且要支持点击按钮实现音频试听和下载功能（文字部分其实是一个标题，点击按钮播放对应录音）

2.组件介绍

        一开始小组选择了vue-baberrage这个弹幕插件,这里就顺便介绍一下使用方法吧

首先，安装

npm i vue-babarrage

然后，全局注入（还有其他方法，这里只介绍了我使用的方法下同，详情请参考vue-baberrage官方文档）

import Vue from 'vue'

import { vueBabarrage } from 'vue-babarrage'

Vue.use(vueBabarrage)

页面中加入以下代码