在vue中添加滚动字幕可以通过以下步骤进行实现：
1. 在组件中引入CSS文件或者样式代码，样式中需要包含对滚动字幕位置和动画时间的设定。
2. 编辑html代码，将需要滚动的文字框包裹在一个div容器中，指定该容器的高度和宽度，并添加文本内容。
3. 在Vue中使用定时器或者animation动画控制字幕的运动效果。将文字内容变化记录在data中，并通过v-bind:text属性绑定到视图上实现动态滚动。
4. 使用组件生命周期函数created()或mounted()来启动定时器并控制字幕的自动滚动，并确保在组件销毁时停止定时器以避免内存泄漏。
以下是实现滚动字幕的示例代码：
HTML代码：
```
{{text}}
```
CSS代码：
```
.scroll-wrapper {
width: 300px;
height: 50px;
overflow: hidden;
}
.scroll-text {
font-size: 16px;
color: #333;
white-space: nowrap;
animation: scrollText 20s linear infinite;
}
@keyframes scrollText {
0% { transform: translateX(0); }
100% { transform: translateX(-100%); }
}
```
Vue.js代码：
```
{{text}}
```
通过以上步骤实现的滚动字幕效果如下图所示：
