Vue.JS - как использовать localstorage с Vue.JS

Question

Я работаю над редактором Markdown с Vue.JS, и я попытался использовать localstorage для его сохранения, но я не знаю, как сохранить новое значение для данных переменные в Vue.JS всякий раз, когда пользователь вводит!

Answer 1

Примечание это было редактирование в моих поисках ион, но я делаю это отдельно, как предложил @nathanvda.

---

Я нашел решение, которое искал. первый метод использования часы для обнаружения изменений на переменную вы хранящих данные о так:

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

Это обновит значение переменной всякий раз, когда пользователь добавлять новые входы.

Затем присвоить новое значение переменной следующим образом:

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

И вот это :)

Answer 2

Вы можете просто следуя сохранить в localStorage

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

Вы можете получить это с помощью:

localStorage.getItem('YourItem') 

Чтобы удалить это из localStorage:

localStorage.removeItem('YourItem') 

Answer 3

вы можете использовать V-модель, чтобы связать вас с переменной при каждом изменении или вы можете поместить его вычислить: {} section.computed похож на жизненный крючок vue.js, он повторно отображает компонент снова, когда его значения изменяются.