teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

3

typo

2021/10/07 12:25

投稿

ku__ra__ge
ku__ra__ge

スコア4524

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

2021/10/07 12:25

投稿

ku__ra__ge
ku__ra__ge

スコア4524

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

2021/10/07 12:23

投稿

ku__ra__ge
ku__ra__ge

スコア4524

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)