Vue是一种流行的JavaScript框架，它可以轻松地构建响应式和可重用的Web应用程序。在某些情况下，您可能需要在移动设备上切换为横向屏幕以获得更好的用户体验。下面是一个使用Vue切换横屏幕的示例：

mounted() {
  window.addEventListener('orientationchange', this.handleOrientationChange)
},
beforeDestroy() {
  window.removeEventListener('orientationchange', this.handleOrientationChange)
},
methods: {
  handleOrientationChange() {
    if (window.orientation === 90 || window.orientation === -90) {
      // 横向模式
      console.log('Switched to landscape mode')
    } else {
      // 竖向模式
      console.log('Switched to portrait mode')
    }
  }
}

首先，我们在Vue组件的mounted生命周期钩子中添加一个事件监听器，以便在设备的方向发生变化时调用handleOrientationChange方法。类似地，我们在组件销毁之前使用beforeDestroy生命周期钩子来删除事件监听器以避免内存泄漏。

在handleOrientationChange方法中，我们检查设备的方向是否为90度或-90度，以确定是否处于横向模式。如果是，则会打印一条消息“切换到横向模式”。否则，我们认为设备处于纵向模式，并打印一条消息“切换到纵向模式”。

使用Vue切换横向屏幕是一种简单而有效的方法，可以改善移动设备的用户体验。以上示例提供了一种基本方法，您可以自由地按照自己的需要进行自定义和扩展。