vue监听按下f11事件，只能监听到进入全屏，退出全屏监听不到

你可以通过`fullscreenchange`事件来监听全屏模式的改变，包括进入和退出全屏。下面是一个示例代码：

// 监听全屏模式改变事件
document.addEventListener('fullscreenchange', handleFullscreenChange);

function handleFullscreenChange() {
  if (document.fullscreenElement) {
    // 进入全屏模式
    console.log('进入全屏');
  } else {
    // 退出全屏模式
    console.log('退出全屏');
  }
}

请注意，这个事件在不同浏览器中可能有不同的前缀，你可能需要添加对应的浏览器前缀来兼容不同的浏览器。例如，在Chrome浏览器中，事件名应该是`webkitfullscreenchange`，在Firefox浏览器中，事件名应该是`mozfullscreenchange`。

你还可以使用Vue的事件绑定来监听全屏模式的改变，像这样：

<template>
  <div @fullscreenchange="handleFullscreenChange"></div>
</template>

<script>
export default {
  methods: {
    handleFullscreenChange() {
      if (document.fullscreenElement) {
        // 进入全屏模式
        console.log('进入全屏');
      } else {
        // 退出全屏模式
        console.log('退出全屏');
      }
    }
  }
}
</script>

希望这可以帮助到你！如果还有其他问题，请随时提问。