Web applications Vue.js生命周期，在我想要的时间显示特定视图

我有一个关于Vue.js的问题，主题是生命周期挂钩。 我创建了一个与手机/平板电脑和桌面协同工作的web应用程序。 问题是，当我在桌面上加载应用程序时，它工作得很好，但当我检查它以查看移动设备如何工作时，我需要刷新页面以查看我是否在移动设备上，并且每次在移动模式（垂直或水平）之间切换时都要刷新它。所有模式都可以完美运行（仅当我刷新页面时），但我想让应用程序立即知道我想使用的模式。 我该怎么办？是关于生命周期的吗？如果是这样的话，我真的很高兴知道我该怎么做！

---

谢谢

我假设您是为了开发测试目的而摇摆模式，并且可能使用Chrome开发工具。您可能会认为需要的刷新是可接受的行为，因为该问题只针对开发人员发生。在现实生活中，当在给定设备上进行测试时，它将始终知道页面呈现的模式，因为设备实际上不会更改类型。如果你真的想让页面“感知”模式的改变，你可能需要使用一个定时器，每隔一两秒钟检查一次，但我不建议这样做。因为它使主流使用的代码更加复杂，但只对开发人员有帮助。我假设您正在为开发测试目的摇摆模式，并且可能使用Chrome开发工具。您可能会认为需要的刷新是可接受的行为，因为该问题只针对开发人员发生。在现实生活中，当在给定设备上进行测试时，它将始终知道页面呈现的模式，因为设备实际上不会更改类型。如果你真的想让页面“感知”模式的改变，你可能需要使用一个定时器，每隔一两秒钟检查一次，但我不建议这样做。因为它使主流使用的代码更加复杂，但只会帮助开发人员。