섹션 설치 및 배포

렌더링 :

 

 코드 :

<! DOCTYPE HTML > 
< HTML LANG = "EN" > 
< 선두 > 
    < 메타 캐릭터 = "UTF-8" > 
    < 타이틀 > </ 타이틀 > 
    < 링크 타입 = "텍스트 / CSS" REL = "스타일" HREF = "" / > 
    < 스타일 유형 = "텍스트 / CSS" > 
        * { 
            여백 : 0 ; 
            패딩 : 0 ;
        
    
    <! - 첫 번째 소개 방법 : 네트워크 주소를 소개하는 
    <스크립트 SRC = "https://cdn.jsdelivr.net/npm/vue/dist/vue.js"> </ SCRIPT> 
    -> 
    <! - 도입 번째 방법 vue.js 도입 로컬 주소 -> 
    < 스크립트 SRC에 = "JS / vue2.6.9.js" > </ 스크립트 > 
</ 헤드 > 
< 본문 > 
<! - 데이터 렌더링 DOM 보간 텍스트 -> 
< DIV의 ID = "응용 프로그램" > 
    {{{{message2 Message1}}}} 
</ DIV > 
< 스크립트 유형 = "텍스트 / 자바 스크립트" > 
    창.온로드 =  함수 () {
        var에 응용 =  새로운 뷰 ({ 
            엘 : ' #app ' , 
            데이터 : { 
                message1 : ' 你好' , 
                message2 : ' 나는 \'오는 해요 ' 
            } 
        }); 
    } 
</ 스크립트 > 
</ 몸 > 
</ HTML >