ght ReferenceError: onMounted is not defined at setup (App.vue:7:3) at callWithErrorHandling (runtime-core.esm-bundler.js:158:18) at setupStatefulComponent (runtime-core.esm-bundler.js:7236:25) at setupComponent (runtime-core.esm-bundler.js:7197:36) at mountComponent (runtime-core.esm-bundler.js:5599:7) at processComponent (runtime-core.esm-bundler.js:5565:9) at patch (runtime-core.esm-bundler.js:5040:11) at render2 (runtime-core.esm-bundler.js:6332:7) at mount (runtime-core.esm-bundler.js:3824:13) at app.mount (runtime-dom.esm-bundler.js:1431:19) setup @ App.vue:7 callWithError

这个错误提示是在使用 Vue 3 的时候出现的，它意味着在 App.vue 文件的 <script setup> 标签中使用了一个未定义的函数 onMounted。

在 Vue 3 中，onMounted 是一个需要从 @vue/runtime-core 模块中导入的函数，你需要在代码的开头添加以下导入语句：

<script setup>
  import { onMounted } from '@vue/runtime-core';

  onMounted(() => {
    const video = document.getElementById('myVideo');
    video.style.display = 'block';
  });
</script>

这样，你就可以正确地使用 onMounted 函数了。在这里，onMounted 的作用是在组件被挂载到 DOM 树上后立即执行一些代码，这里是将视频元素的 display 样式设为 block，使其显示出来。