Vue.js研究では、結合6 Vモデルの双方向のデータをノート

V-バインドは、命令の前に、データをバインドすることができますが、一方通行は、モデルを表示するために結合することから、Vモデル後述する、データは双方向結合することができていると述べました

<DIV ID = " divApp " > 
        <P> {{MSG}} </ P> 
        <！ - Vモデルデータウェイの結合のための、唯一のフォーム要素の使用- > 
        <入力タイプ= " テキスト" V-モデル= " MSG " /> 
    </ div> 
    <SCRIPT> のvar V = 新しい新しいヴュー（{ 
            EL：' #divApp ' 、
            データ：{ 
                MSG：" 今日の日付ああ!!! ' 、
            }、
            メソッド：{ 
            } 
        }） </スクリプト>
        
    

最初のページロード、Pタグと我々は、テキストボックスの内容を変更すると、コンテンツのテキストのテキストボックスは、MSG満足しているが、Pタグの内容は、データのビューがモデルに更新され、これは双方向であることを変え続くことを発見した場合バインディング。

これは、頻繁に使用されます。

 

前

Vue.js研究では、5つの共通イベント修飾子を指摘します