為什么要監聽storage的變化?
當我們在使用vue的時候,有時候需要一個兩個數據在全局共享,vue雖然提供了vuex模塊來解決此問題,但是為了一兩個數據的共享引入vuex未免小題大做,所以我們選擇使用storage來保存共享數據,但有個問題就是如何監聽storage的變化,讓我們可以在保存數據的同時,在另外一個路由中監聽到變化並執行操作本例子就是演示此方法
————————————————
1.怎么監聽
首先在main.js中給Vue.protorype注冊一個全局方法,其中,我們約定好了想要監聽的sessionStorage的key值為’watchStorage’,然后創建一個StorageEvent方法,當我在執行sessionStorage.setItem(k, val)這句話的時候,初始化事件,並派發事件。
————————————————
2.如何觸發
在一個路由(比如路由A)存儲值得時候,使用下面的方法:
3.如何監聽
如果在另外一個路由(比如路由B)中,我們想根據watchStorage的變化來請求接口刷新頁面數據的時候,可以在這個路由中created鈎子函數中監聽: