【Vue.js】オブジェクト(連想配列)をリアクティブにする | 謎の技術研究部
mountedはここでは理解する必要はない。 DOM要素がマウントされ画面が描画され、再描画される準備が整ったところと思っておけば良い（たぶん） つまり objに "b" のキーを新規で追加したので { "a": "A: OK", "b": 0 } となることを期待したコードだ。 しかし、実際は次の表示になる。 { "a": "A: OK" } これがリアクティブではない状態だ。初心者が躓く箇所である。 なぜ"b"は描画されないのだろうか。 デバッガで確認する 画面上はまだ"a"しか表示されていない状態でvueのデバッガを見てみる。 objはどうなっているだろうか(デバッガの使い方が分からなければconsole.log(obj)でもよい) 間違いなく"b":0も追加されている。 しかし、画面には描画されていない。 リアクティブにするには これは公式の「リアクティブの探求」ページに記載されて
フロントエンドエンジニアにとっての2019年。アンケート結果から分析するイマドキのウェブ制作 - ICS MEDIA
ウェブ業界の当たり前だと思っていることでも、同業他社の人には違う常識があるかもしれません。自分が業界多数の傾向と違うところはどこなのか・・・ この連載ではアンケートデータから国内のウェブ業界の傾向を分析します。 連載第5回目となる本記事ではウェブ業界の「フロントエンドエンジニアにとっての2019年」と題してアンケート結果を紹介します。 JSでブラウザ挙動をどうやって防ぐ？ ウェブページでインタラクションを作るときに、ブラウザのデフォルト挙動が邪魔になることがあります。たとえば、aタグのリンクはJavaScriptでキャンセルでき、自前の処理に置き換えることができます。 ブラウザ挙動のキャンセルのやり方にはさまざまな手段があるのですが、主流のやり方はどれでしょうか？ addEventListener()メソッドやonclick属性のイベントについて質問しました。 187票の回答があり「ret
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
