VUE 공식 웹 사이트 - 프로 프


            폰트 중량 정상; 
            색상 : 회색; 
        } 
        .title {
            폰트 크기 : 22 픽셀; 
            폰트 중량 : 대담; 
            색상 : 연회비; 
        } 
        .common { 
            마진 - 상단 : 20 픽셀; 
            마진 - 하단 : 20 픽셀; 
            국경 정상 : 2 픽셀 점선 gainsboro; 
        } 
        .parting 온라인 { 
            배경 : peachpuff; 
            여백 : 20 픽셀; 
        } 
    </ 스타일> 
</ head> 
<body> 
    <DIV ID = "APP1"> 
        <DIV 클래스 = "일반적인"> 
           <DIV 클래스 = "제목"> (1) app1-传递静态소품 </ DIV> 
           <블로그 자격증 신청인 포스트 제목 = "m의 kkdsd"> </ 블로그 포스트>
 
           <블로그 포스트 V 바인드 : 후 표제 = "
 
           <div 클래스 = "제목"> (3). 복잡한 동적 app1- 식 </ div> 값 제공 
           <를 바인드-POST-V의 블로그 : "+ post.author.name '에 의해'post.title +"POST-제목 => </ POST-블로그> 

        </ DIV>   
    </ DIV> 
</ BODY> 
<script> 
    // 소품 검증 
    Vue.component ( '내-부품, { 
        소품 : { 
            // 기초 유형 검사 
            propA : 번호, 
            가능한 유형의 // 복수 
            propB, : [문자열, 숫자, 
            // 필수 문자열 
            propC를 : { 
                유형 : 문자열이 
                필요합니다 :true로 
            }, 
            기본 //와 디지털 값 
            propD { 
                유형 : 숫자,
                기본 : 100
            }, 
            기본값 //와 개체 
            PROPE : { 
                유형 : 개체, 
                기본값 : 기능 () { 
                    반환 {메시지 : '안녕하세요'} 
                } 
            } 
            // 지정 유효성 검사 기능 
            propF : { 
                검사기 : 기능 (값) { 
                    //이 값은 다음 문자열과 일치해야합니다 
                    반환 [ '성공', '경고', '위험']. 같이 IndexOf (값)! == -1 
                } 
            } 

        } 
    }) 
    Vue.component ( 'POST-블로그' { 
        소품 :'posttitle '],
        템플릿 : '<H3> {{postTitle}} </ H3>` 
    }) 
    var에 APP1 = 새로운 뷰 ({ 
        엘 :'#의 APP1 ' 
        데이터 : { 
            게시물 : { 
                제목 :'KKK ', 
                저자 : { 
                    이름 :' 888 ' 
                } 
            } 
        } 
    }) 
</ script> 
</ HTML>

  

추천

출처www.cnblogs.com/haimengqingyuan/p/11426633.html