如何确定Vue组件是否由于热重装而遭到破坏？

如何解决如何确定Vue组件是否由于热重装而遭到破坏？

我有一个Vue组件，可以管理大量资源，而这些资源的设置成本很高（即，带有视频流的WebRTC PeerConnection）。该组件的设计方式使这些繁重的资源可以保存在其他位置，并在模块重新加载时得以保留。重新加载组件（销毁并再次创建）时，它会检查已保存的流，然后重新部署它而不会重新创建。

但是，这意味着destroyed挂钩实际上不会破坏任何内容。当用户离开页面并且组件被完全销毁而不用于重新加载时，这是不期望的行为。

所以问题是：如何判断该组件是销毁后要重新加载（应该保留资源）还是因为不再需要该组件（应该关闭资源）？

我使用Nuxt，因此webpack配置和其他与底层相关的内容由Nuxt本身管理。在此区域中未对Nuxt配置进行任何更改。

解决方法

老实说，我仍然不太清楚你的问题。

尽管它可以帮助您了解这一点。

    if (module.hot) {
      module.hot.addStatusHandler(status => {
        if (status === 'idle') {
             // do code here
        }
      })
    }