Vue3实现网页打开自动全屏

你可以使用Vue.js的`mounted`生命周期钩子函数在页面加载后自动全屏。具体实现如下：

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

<script>
export default {
  mounted() {
    // 判断浏览器是否支持全屏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>

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