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

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

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

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

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

lihuaaaa 回答:如何确定Vue组件是否由于热重装而遭到破坏?

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

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

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

本文链接:https://www.f2er.com/1355193.html

大家都在问