Vue.JS - 如何在 Vue.JS 中使用 localStorage

Question

我正在使用 Vue.JS 开发 Markdown 编辑器，我尝试使用 localStorage 来保存数据，但我不知道如何在用户键入时将新值保存到 Vue.JS 中的数据变量！

原文由 mohamed youssouf 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

请注意，这是我的问题中的一个编辑，但我按照@nathanvda 的建议单独回答。

---

我找到了我正在寻找的解决方案。首先使用 watch 方法来检测你存储数据的变量的变化，如下所示：

 watch: {
  input: function () {
    if (isLocalStorage() /* function to detect if localstorage is supported*/) {
      localStorage.setItem('storedData', this.input)
    }
  }
}

每当用户添加新输入时，这将更新变量的值。

然后将新值分配给变量，如下所示：

 app.input = localStorage.getItem('storedData');

就是这样:)

原文由 mohamed youssouf 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

您可以执行以下操作以保存在 localStorage

 localStorage.setItem('YourItem', response.data)

您可以使用以下方法获取此信息：

 localStorage.getItem('YourItem')

要从 localStorage 中删除它：

 localStorage.removeItem('YourItem')

原文由 Saurabh 发布，翻译遵循 CC BY-SA 3.0 许可协议