Vue 重新渲染 cookie 值的变化答案

【问题标题】：Vue rerendering on cookie value changeVue 重新渲染 cookie 值的变化
【发布时间】：2021-03-20 06:01:22
【问题描述】：

我一直在做我的第一个 Vue 项目，并且必须想办法保持用户的登录“状态”，因为后端是无状态的 (jwt)。我想把这个状态保存在一个cookie中，我使用vue-cookies插件存储它。所以我这样设置 cookies.set("isUserLoggedIn", true, "infinite");。然后我把它放在一个计算属性中，所以应用程序的视图将被重新渲染

  computed: {
    getUserLoginStatus() {
      return this.$cookies.get("isUserLoggedIn") != null;
    }
  }

这可行，但只有在手动页面刷新后，我们将不胜感激。

【问题讨论】：

标签： vue.js cookies jwt render

【解决方案1】：

默认情况下，cookie 不是反应式的。您可以借助诸如that one 之类的库来使它们具有反应性。它允许您使用 cookie 作为计算属性或观察 cookie 以了解请求所做的更改

【讨论】：

谢谢，这几乎正是我已经在使用的，但可以满足我的需要。