screenfull全屏

screenfull 是一个 JavaScript 库，可以帮助我们在支持全屏 API 的浏览器中实现全屏显示功能。使用该库可以方便地实现全屏显示的功能，而不需要手动编写适配不同浏览器的代码。

以下是一个使用 screenfull 库实现全屏显示的示例：

<template>
  <div>
    <button @click="toggleFullScreen">全屏</button>
    <div ref="fullScreenElement">全屏显示的内容</div>
  </div>
</template>

<script>
import screenfull from "screenfull";

export default {
  methods: {
    toggleFullScreen() {
      var elem = this.$refs.fullScreenElement;
      if (screenfull.isEnabled) {
        screenfull.toggle(elem);
      }
    }
  }
};
</script>

在该示例中，我们使用了一个按钮来触发全屏切换操作。当按钮被点击时，我们调用 `toggleFullScreen` 方法，该方法会检查浏览器是否支持全屏 API，如果支持则调用 `screenfull.toggle(elem)` 方法来切换全屏状态，其中 `elem` 是需要全屏显示的元素的引用。

需要注意的是，虽然 screenfull 库可以帮助我们简化全屏显示的实现，但在使用该库时仍需要进行浏览器兼容性测试，保证在不同浏览器和设备上都能正常工作。