vue 打开页面时自动全屏

要实现页面打开时自动全屏，可以使用HTML5的Fullscreen API来实现。

首先，在Vue组件的mounted生命周期钩子中添加以下代码：

mounted() {
  const element = document.documentElement;
  if (element.requestFullscreen) {
    element.requestFullscreen();
  } else if (element.mozRequestFullScreen) { // Firefox
    element.mozRequestFullScreen();
  } else if (element.webkitRequestFullscreen) { // Chrome, Safari and Opera
    element.webkitRequestFullscreen();
  } else if (element.msRequestFullscreen) { // IE/Edge
    element.msRequestFullscreen();
  }
}

以上代码会在组件挂载后自动调用，并尝试请求全屏。document.documentElement表示整个文档的根元素。

如果需要在组件销毁时退出全屏，可以在beforeDestroy钩子中添加以下代码：

beforeDestroy() {
  if (document.exitFullscreen) {
    document.exitFullscreen();
  } else if (document.mozCancelFullScreen) { // Firefox
    document.mozCancelFullScreen();
  } else if (document.webkitExitFullscreen) { // Chrome, Safari and Opera
    document.webkitExitFullscreen();
  } else if (document.msExitFullscreen) { // IE/Edge
    document.msExitFullscreen();
  }
}

以上代码会在组件销毁前尝试退出全屏。

需要注意的是，浏览器对Fullscreen API的支持有所不同，因此需要根据浏览器的不同来调用对应的方法