🐣 12/19 宣言レンダリング その2
作成日: 2021/12/19
1

■文字列の展開に加えて、以下のように要素の属性を束縛(バインディング)することもできます:

Hover your mouse over me for a few seconds to see my dynamically bound title!
---------------------------------- Hover your mouse over me for a few seconds to see my dynamically bound title! ----------------------------------

v-bind 属性はディレクティブと呼ばれています。ディレクティブは Vue.js によって提供された特別な属性を示すために v- 接頭辞がついています。これはあなたの推測通り、描画された DOM に特定のリアクティブな振舞いを与えます。ここで宣言されているのは、「この要素の title 属性を Vue インスタンスの message プロパティによって更新して保存する」ということになります。


webデザイナーです。 イラストレーターで、楽しくなるような絵を描くのが趣味です。将来は、反響が得られ、結果を出せるフロントエンドエンジニアを目指しております。よろしくお願いします。