使用localStorage缓存消息（聊天页面）

 可以在聊天页面的created生命周期里面写如下代码，使得刷新后的页面和之前的是一样的

created(){

    alert(11)

    //在页面加载时读取localStorage里的状态信息

    localStorage.getItem("userMsg") && this.$store.replaceState(JSON.parse(localStorage.getItem("userMsg")));

    

    //在页面刷新时将vuex里的信息保存到localStorage里

    window.addEventListener("beforeunload",()=>{

      localStorage.setItem("userMsg",JSON.stringify(this.$store.state))

    })

  },

来源：博客园

作者：指尖流年1218

链接：https://www.cnblogs.com/renxiao1218/p/11547789.html