要拼接两个视频在一个画面上，可以使用CSS来控制视频的位置和大小。首先，需要在Vue组件中添加两个video元素，分别用于播放两个视频。注意，这里假设视频的宽度是相同的，如果两个视频的宽度不同，可以根据实际情况调整CSS样式。视情况可以通过请求接口来获取视频的URL地址，或者直接在Vue组件中定义这两个变量的值。
在Vue中，可以使用HTML5的video元素来播放视频。要拼接两个视频在一个画面上，可以使用CSS来控制视频的位置和大小。
首先，需要在Vue组件中添加两个video元素，分别用于播放两个视频。假设视频的URL分别为`video1Url`和`video2Url`，可以这样写：
```html
```
接下来，在`mounted`生命周期钩子中，可以使用CSS来控制视频的位置和大小。可以在Vue的`mounted`方法中添加以下代码：
```javascript
mounted() {
const video1 = this.$refs.video1
const video2 = this.$refs.video2
video1.style.position = 'absolute'
video1.style.top = '0'
video1.style.left = '0'
video1.style.width = '50%'
video2.style.position = 'absolute'
video2.style.top = '0'
video2.style.right = '0'
video2.style.width = '50%'
}
```
上述代码将第一个视频设置为左边一半的宽度，第二个视频设置为右边一半的宽度，并将两个视频定位在画面的左上角和右上角。
注意，这里假设视频的宽度是相同的，如果两个视频的宽度不同，可以根据实际情况调整CSS样式。
最后，在Vue组件的`data`选项中定义`video1Url`和`video2Url`的值，用于指定两个视频的URL地址。视情况可以通过请求接口来获取视频的URL地址，或者直接在Vue组件中定义这两个变量的值。
这样，两个视频就会拼接在一个画面上播放了。