VUE 결합 특성 및 양방향 데이터 바인딩

<! DOCTYPE HTML > 
< HTML LANG = "EN" > 
< 머리 > 
    < 메타 문자 집합 = "UTF-. 8" > 
    < 제목 > 양방향 데이터 바인딩 바인딩 속성 </ 제목 > 
    < 스크립트 SRC에 = "Vue.js" > </ 스크립트 > 
</ 머리 > 
< 몸 > 
< DIV ID = "루트" > 
    <! - 사용 : 또는 V-바인드 : DIV 속성 값이 데이터 소스 VUE의 데이터를 가리키는하자 -> 
    <! - 바인딩 특성 1. V-바인딩 :2 : -> 
    < DIV: 제목 = " '거래 리'+ 제목" > 
        안녕하세요! 
    </ DIV > 
   <! - 双向绑定-> 
    < 입력 V 모델   = "내용" /> 

    < DIV > {{내용}} </ DIV > 
</ DIV > 
< 스크립트 > 
    새로운 뷰 ( 
        { 
            엘 : " #root " , 
            데이터 : { 
                제목 : " 이 세계 안녕하세요이다 " , 
                내용 :" 이 콘텐츠입니다" 
            } 
        } 
    ) 
</ 스크립트 > 
</ 몸 > 
</ HTML >