Vue.JS - Vue.JSでlocalstorageを使用する方法

Question

Vue.JSでMarkdownエディタで作業していますが、localstorageを使ってデータを保存しようとしましたが、新しい値をデータに保存する方法がわかりませんユーザーが入力するたびにVue.JSの変数！

localStorage.getItem('YourItem') 

はlocalStorageからこれを削除するには：

localStorage.removeItem('YourItem') 

Answer 1

注これをあなたがちょうどあなたが使用して、これを取得することができますlocalStorage

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

に保存するために次の操作を行うことができ

Answer 2

私のクエストの編集だったイオンが、私はそれを別々に@ nathanvda提案として答えます。

---

私が探していた解決策が見つかりました。最初にwatchメソッドを使用して、次のようにデータを格納する変数の変化を検出します。

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

これは、ユーザーが新しい入力を追加するたびに変数の値を更新します。

次に、このように変数に新しい値を割り当てる：

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

そして、それはそれだ:)

Answer 3

あなたはすべての変更を持つ変数あなたをバインドするか、あなたはそれを計算に置くことができ、V-モデルを使用することができます。 {} section.computedは、vue.jsのライフフックのようなもので、値が変更されたときにコンポーネントを再レンダリングします。