回答編集履歴

1

内容修正

2019/01/14 10:49

投稿

NozomuIkuta
NozomuIkuta

スコア1260

test CHANGED
@@ -6,7 +6,7 @@
6
6
 
7
7
 
8
8
 
9
- **Vue.jsのサンプル**
9
+ **公式のサンプル**
10
10
 
11
11
 
12
12
 
@@ -78,6 +78,16 @@
78
78
 
79
79
  両者の違いは「コンポーネントをマウントした時、`localStorage`の値を`name`に代入し、フォームに表示しているか」です。
80
80
 
81
+
82
+
83
+ 公式のサンプルでは、`mounted()`が呼ばれた際には(5)の挙動が1回目は無駄な動作になります。
84
+
85
+ もとをたどれば、`localStorage.name`を`this.name`に代入して、その値を再度`localStorage.name`に代入しているからです。
86
+
87
+ ただし、2回目以降は「フォームの値に基づいて`localStorage.name`を更新する」意味のある記述になります。
88
+
89
+
90
+
81
91
  ma7ma7pipipiさんのコードでは、例えば2回目以降のアクセスで`localStorage`の値があったとしてもフォームに表示されないので、保存しておく意味が意味が(少なくとも今回の場面では)ないと思います。
82
92
 
83
93