v-bing绑定video无法响应？

最近在自学vue 去网上找了个抖音视频的接口，其本质主要是获取视屏连接

我使用v-bind绑定视频源的数据，虽然可以切换，但是为什么视频没有响应？

css+html+页面结果：
可以看到src属性得到了修改，但是视频并没有起变化

script部分

我想知道到底是因为我的写法有什么问题，还是本身video不支持响应式？

望采纳！！！点击回答右侧采纳即可！！
标签没有src属性，而是使用了v-bind绑定了一个变量，这个变量的值是一个视频的地址，但是video标签的src属性是不能使用v-bind绑定的，所以视频没有响应。正确的做法是在video标签上使用v-bind:src来绑定视频地址，如：

<video v-bind:src="videoUrl"></video>

第二张图的createApp可以说明你是用的是vue3的版本，但是你为什么要用vue2的data，methods用法，vue3你可以直接使用setup，至于视图为什么没有更新，那是因为vue3里面直接定义的数据不是响应式的，视图不会随着数据的改变更新，你需要引进ref包裹数据，把数据变成响应式
import { ref } from vue
const url = ref('url')