Vue3.0 中实现网页打开自动全屏

Vue3.0 中实现网页打开自动全屏的方法与 Vue.js 的实现方法类似，只是需要在`setup`函数中调用相应的全屏 API。具体实现如下：

<template>
  <div>
    <!-- 页面内容 -->
  </div>
</template>

<script>
import { onMounted } from 'vue';

export default {
  setup() {
    onMounted(() => {
      // 判断浏览器是否支持全屏API
      if (document.documentElement.requestFullscreen) {
        document.documentElement.requestFullscreen();
      } else if (document.documentElement.webkitRequestFullscreen) {
        document.documentElement.webkitRequestFullscreen();
      } else if (document.documentElement.mozRequestFullScreen) {
        document.documentElement.mozRequestFullScreen();
      } else if (document.documentElement.msRequestFullscreen) {
        document.documentElement.msRequestFullscreen();
      }
    });
  }
}
</script>

这个代码片段用`onMounted`函数检查浏览器是否支持全屏API，如果支持则调用相应的API，将页面全屏显示。