Is there any way to 'watch' for localstorage in Vuejs?

Question

I\'m attempting to watch for localstorage:

Template:

token - {{token}}

Script:

computed: {
  t         


        

Answer 1

LocalStorage or sessionStorage are not reactive. Thus you can't put a watcher on them. A solution would be to store value from a store state if you are using Vuex for example. Ex:

SET_VALUE:(state,payload)=> {
    state.value = payload
    localStorage.setItem('name',state.value)
    or
    sessionStorage.setItem('name',state.value)
  }