回答編集履歴
3
typo
answer
CHANGED
|
@@ -1,11 +1,12 @@
|
|
|
1
|
+
これはVue2の仕様です。
|
|
2
|
+
|
|
1
|
-
Vue2において値を変更するとそれがDOM要素に反映される仕掛け以下のようになっています。
|
|
3
|
+
Vue2において値を変更するとそれがDOM要素に反映される仕掛けは以下のようになっています。
|
|
2
4
|
・Vueインスタンス作成時にdataオブジェクトの各メンバを、プロパティに変換する
|
|
3
5
|
・変換されたプロパティのsetterで、値の代入時にそれをDOM要素に反映する処理を実行する
|
|
4
6
|
|
|
5
7
|
[リアクティブの探求 — Vue.js](https://jp.vuejs.org/v2/guide/reactivity.html)
|
|
6
8
|
|
|
7
|
-
そのためdataに新しいプロパティを追加したり、配列の値を変更するときは`Vue.set()`または`$set()`を利用する必要があります。
|
|
9
|
+
そのためdataに新しいプロパティを追加したり、配列の値を変更するときは`Vue.set()`または`$set()`を利用する必要があります。以下のコードを試してみてください。
|
|
8
|
-
以下のコードを試してみてください。
|
|
9
10
|
|
|
10
11
|
```
|
|
11
12
|
<v-row no-gutters @click="$set(isOpen, 0, !isOpen[0])">
|
2
typo
answer
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
Vue2において値を変更するとそれがDOM要素に反映される仕掛け以下のようになっています。
|
|
2
2
|
・Vueインスタンス作成時にdataオブジェクトの各メンバを、プロパティに変換する
|
|
3
|
-
・プロパティのsetterで、値の代入時にDOM要素に反映する処理を実行する
|
|
3
|
+
・変換されたプロパティのsetterで、値の代入時にそれをDOM要素に反映する処理を実行する
|
|
4
4
|
|
|
5
5
|
[リアクティブの探求 — Vue.js](https://jp.vuejs.org/v2/guide/reactivity.html)
|
|
6
6
|
|
1
typo
answer
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
Vue2において値を変更するとそれがDOM要素に反映される仕掛け以下のようになっています。
|
|
2
|
-
・Vueインスタンス作成時にdataオブジェクトの各メンバを、プロパティに変
|
|
2
|
+
・Vueインスタンス作成時にdataオブジェクトの各メンバを、プロパティに変換する
|
|
3
3
|
・プロパティのsetterで、値の代入時にDOM要素に反映する処理を実行する
|
|
4
4
|
|
|
5
5
|
[リアクティブの探求 — Vue.js](https://jp.vuejs.org/v2/guide/reactivity.html)
|