利用客户端方法 openurl 新开页面， 关闭时无法触发destroyed事件

问题描述 ：
使用客户端的openurl方法新开页面的时候，当需要传递大量数据，我采用的是
localStorage.setItem(‘data’, JSON.stringify(data))方法。我希望在新开页面关闭
的时候，将storage里面的对应数据清除，否则数据量有可能会越来越大。

思路一 ：
在vue组件被销毁的时候， 在destroyed事件里面去移除数据。
但是发现无法触发destroyed事件。

思路二 ：
在浏览器关闭事件中去移除数据，发现可行

mounted(){
    // 关闭浏览器窗口的时候清空浏览器缓存在localStorage的数据
    window.onbeforeunload = *function*(e) {
        localStorage.removeItem(‘approveDetail’)
    }
}