vueブラウザウィンドウを閉じるとき、クリアランスストールのデータ例

vueで作成した単一ページプログラムの場合は、傍受の方法をApp.vueに置くのが一番柔軟です。

<template>
  <div id="main" class="app-main">
    <router-view></router-view>
  </div>
</template>
 
<script>
  export default {
    data () {
      return {
        theme: this.$store.state.app.themeColor
      };
    },
    mounted () {
 
    },
    beforeDestroy () {
 
    },
    methods: {
 
    },
    mounted(){
      //                   localStorage   
      window.onbeforeunload = function (e) {
        var storage = window.localStorage;
        storage.clear()
      }
    }
 
 
  };
</script>
 
<style>
html,body{
  width: 100%;
  height: 100%;
  background: #f0f0f0;
  overflow: hidden;
}
.app-main{
  width: 100%;
  height: 100%;
}
</style>

二、マルチページのプログラムであれば、各ページで同じようにmountedメソッドに登録すればいいです。
以上のこのvueはブラウザのウィンドウを閉じた時、クリアランスストールのデータ例は小編集で皆さんに共有された内容の全部です。参考にしてほしいです。皆さんも応援してください。