エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
【Vue.js】オブジェクト(連想配列)をリアクティブにする | 謎の技術研究部
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
【Vue.js】オブジェクト(連想配列)をリアクティブにする | 謎の技術研究部
mountedはここでは理解する必要はない。 DOM要素がマウントされ画面が描画され、再描画される準備が整っ... mountedはここでは理解する必要はない。 DOM要素がマウントされ画面が描画され、再描画される準備が整ったところと思っておけば良い(たぶん) つまり objに "b" のキーを新規で追加したので { "a": "A: OK", "b": 0 } となることを期待したコードだ。 しかし、実際は次の表示になる。 { "a": "A: OK" } これがリアクティブではない状態だ。初心者が躓く箇所である。 なぜ"b"は描画されないのだろうか。 デバッガで確認する 画面上はまだ"a"しか表示されていない状態でvueのデバッガを見てみる。 objはどうなっているだろうか(デバッガの使い方が分からなければconsole.log(obj)でもよい) 間違いなく"b":0も追加されている。 しかし、画面には描画されていない。 リアクティブにするには これは公式の「リアクティブの探求」ページに記載されて