부모 구성 요소 -> 하위
<! 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 이. $ 방출 ()에 의한 방법 과거에 전달 된 매개 변수로 부모 구성 요소 메소드를 호출, 데이터