エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
Vueのref()についてクイックに解説 - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
Vueのref()についてクイックに解説 - Qiita
refについての概要 Vue.js公式には以下の通りにあります。 --引用-- テンプレート内で ref を使用し、後... refについての概要 Vue.js公式には以下の通りにあります。 --引用-- テンプレート内で ref を使用し、後から ref の値を変更した場合、Vue は自動的にその変更を検出し、それに応じて DOM を更新します。これは、依存関係追跡ベースのリアクティビティーシステムによって実現されています。コンポーネントが初めてレンダリングされるとき、Vue はレンダリング中に使用されたすべての ref を追跡します。その後 ref が変更されると、それを追跡しているコンポーネントの再レンダリングがトリガーされます。 つまり、jsの変数の変化はDOMが感知できないわけです。そこでref()関数の登場というわけですね。 refで定義した変数に変更があれば、実際のDOMに即時反映します。 例1:refを使わない場合 下記は、vue内で定義した変数をtemplateに埋め込んでいる例です。chang