뷰는 --- 값으로 구성 요소를 학습 기반

부모 구성 요소 -> 하위

<! DOCTYPE HTML > 
< HTML LANG = "EN" > 

< 선두 > 
    < 메타 캐릭터 = "UTF-8" > 
    < 메타 이름 = "뷰포트" 콘텐츠 = "폭 = 기기 폭 초기 스케일 = 1.0" > 
    < 메타 HTTP -equiv = "X-UA-지원" 내용 = "즉 = 엣지" > 
    < 제목 > 문서 </ 제목 > 
    < 스크립트 SRC = "./ node_modules / VUE / DIST / vue.js"
머리 > 

< 몸 > 
    < DIV ID = "응용 프로그램" > 
        <! - 아들 태그 01., 속성 메모를 추가 : MSG 크로싱의 값으로, F2S 추가하기 전에 : -> 
        < 아들 : F2S = 'MSG ' > </ 아들 > 
    </ DIV > 

    < 스크립트 > 
        VM CONST =  새로운 새로운 뷰 ({ 
            EL : ' #app ' , 
            데이터 () { 
                반환 { 
                    MSG : ' 안녕하세요 ' 
                } 
            }
            방법 : {}, 
            구성 요소 : { 
                // 구성 요소 이름 : 구성 요소 매개 변수 
                아들 : {
                     //이 어셈블리를 사용하여 수신 된 값 03 
                    템플릿 : ' <H2> F2S는 {{}}은 <은 / H2> ' ,
                     //이 특성을 02props 수신 
                    소품을 [ ' F2S ' ] 
                } 
            } 
        }) 
    </ 스크립트 > 
</ 바디 > 

</ HTML >

개요

값을 전달할 수, (속성 이름은 무료로 플레이 할 수있는) 아들 태그에 속성 F2S 추가
수신기 서브 어셈블리 및에 사용되는 소품 에서 템플릿 사용

서브 어셈블리 -> 상위 구성 요소

<! DOCTYPE HTML > 
< HTML LANG = "EN" > 

< 선두 > 
    < 메타 캐릭터 = "UTF-8" > 
    < 메타 이름 = "뷰포트" 콘텐츠 = "폭 = 기기 폭 초기 스케일 = 1.0" > 
    < 메타 HTTP -equiv = "X-UA-지원" 내용 = "즉 = 엣지" > 
    < 제목 > 문서 </ 제목 > 
    < 스크립트 SRC = "./ node_modules / VUE / DIST / vue.js"
헤드 > 

< 본문 > 
    < DIV ID = "애플리케이션" > 
        <! - 포토 기준 성분 
            서브 어셈블리 funfromson가 발광 께의 최초의 파라미터 $ 
            fathermethod 파라미터를 수신하기위한 부모 컴포넌트의 방법 -> 
        < 아들 @ funfromson = "fathermethod" > </ 아들 > 
    </ DIV > 

    < 스크립트 > 

        VM이 CONST =  새로운 새로운 뷰 ({ 
            EL을 : ' #app ' , 
            데이터 () { 
                반환 { 

                } 
            }
            방법 : { 
                // 메소드 03- 부모 구성 요소는 서브 어셈블리 매개 변수 전달 매개 변수의 값을 전달받은 
                fathermethod (데이터) { 
                    경보 ( " 데이터 조립체 수신 '  + 데이터) 
                } 
            } 
            {요소 
                아들 { 
                    템플릿 : ' <클릭 버튼 @ = "send2f">을 클릭 서브 어셈블리 </ 버튼> ' , 
                    방법 : { 
                        send2f () { 
                            // 01- 서브 어셈블리 -> 부모 요소 참조 ( '이 $의 발광에 의해 부모 구성 요소. 서브 어셈블리에있어서의 이름 ',' ') 매개 변수를 전달 
                            은이 . $ EMIT ( ' funfromson를 ' , 'XXXX '); 
                        },
                    } 
                } 
            } 
        }); 
    </ 스크립트 > 
</ 몸 > 

</ HTML >

개요

중성자 성분의 예로는 버튼이 클릭 버튼, 방아쇠 버튼 클릭 이벤트의 하위 구성 요소를 호출 send2f 방법

에서 send2f 이. $ 방출 ()에 의한 방법 과거에 전달 된 매개 변수로 부모 구성 요소 메소드를 호출, 데이터

뷰는 --- 값으로 구성 요소를 학습 기반

개요

개요

추천