Vue实现弹幕滚动

这里主要涉及Vue中通过原生JS来实现弹幕滚动（只是前端）

由于自己看直播突发奇想想做个弹幕的效果，在这里采用js来实现相关前端的功能，框架也不是特别重要。话不多说直接开始。
我的思路是设置一个screen类来存放可能需要引用的视频，而我的弹幕是用相关的div小盒子来进行存放输入的数据的。

<template>
  <div class="barrage" :style="{ height: wrapperHeight + 'px' }">
    <div class="screen" v-show="showBarrage">
      <template v-for="(item, index) in barrArr">
        <div class="barrItem" :key="index" v-show="true">
          {
   {
    item }}
        </div>
      </template>
    </div>
    <div class="btn_screen" @click="showbarr"><div class="btn">