vue实现实时监听localStorage中存储数据的变化

<script>

export default {

    data(){

        return{

            taskMessageData: JSON.parse(localStorage.getItem('taskMessageData')) || {},

        }

    },

    watch:{

      taskMessageData: {

        handler(newValue) {

          console.log(newValue)

        },

        deep: true,

      }

    },

    methods:{

      storageEventListener(event) {

         if (event.key === 'taskMessageData') {

           this.taskMessageData = event.newValue;

         }

       }

    },

    mounted(){

      window.addEventListener('storage', this.storageEventListener);

    },

    destroyed () {

      window.removeEventListener('storage', this.storageEventListener);

    }



}

</script>