작은 프로그램 구성 요소

사용자 정의 구성 요소

어떻게 사용자 지정 구성 요소에

1 폴더를 만들고이 폴더는 모든 사용자 정의 구성 요소를 저장하는 데 사용되는
 2 폴더 소포와 각 구성 요소는 아날로그 페이지를 사용자 정의 구성 요소를 관리하는 방법
 3 사용자 지정 구성 요소, 당신이해야합니다 첫 page.json에서 참조 페이지를 우리는 사용자 지정 구성 요소의 등록 
page.json 

{ 
  " usingComponents " : {
     " COM " : " / COMPONENTES / COM / COM " 
  } 
}


 . 4 wxml에서 직접 사용할 수있는
 <COM> </ COM>을

성분 양도 페이지 값

1, 어셈블리 변수 페이지의 값을받을 wxml 파일 전송이 있어야합니다 

<! - 이름이 페이지의 값에 의해 결정됩니다 -> 
< 보기 > {{이름}} DSB IS </ 보기 > 

2, 우리는 원하는 구성 요소의 속성에 정의 된 JS 파일 속성,이 컴퍼넌트의 속성에 값을 할당 할 수있는 페이지 : 
  속성 : { 
    이름 : {// 속성 이름의 
      유형 : 문자열, // 속성 유형 
      값 : "에곤"// 페이지가 값을 사용하여이 값에 할당 된 이름이 아닌 경우 속성의 기본 값은 
    } 
  } 
  
. 3 페이지 wxml 파일 이름은 속성에 직접 할당에 구성 요소, 전통적 가치에 해당 될 수있다 
< COM의 이름 = "밥" > </ COM >   // 고정 값일 수도
 < COM의 이름 = "{} {} NAME1" > </ COM > // 변수 일 수있다

구성 요소는 이벤트 페이지로 전달

로 작성된 이벤트의 컴포넌트 바인딩
 < 버튼 bindtap = "com_jia" 데이터 NUM = "1" > 포인트 I 더하기 1 </ 버튼 > 
어셈블리 JS 2 : 
  / ** 
   어셈블리 목록 * 방법 
   * / 
  방법 : { 
    com_jia : 기능 (E) { 
      을 console.log ( "CON-지아", E) 
      페이지에 던져 // 이벤트 
      this.triggerEvent ( "jia1", {NUM : e.currentTarget.dataset.num}) // jia1 구성 요소는 이벤트 페이지 유형에 슬로우됩니다. 우리는 페이지에서 중요한 이벤트를 캡처 갔다 그래서 페이지 우리는 이벤트가 발생하려면 때와 같은 전송 파라미터 : {NUM : e.currentTarget.dataset.num} 
    } 
  } 
어떻게 이벤트 구성 요소를 건너 캡처하는 3 페이지, 
< COM   바인드 : jia1 = "지아" > </ COM >

 지아 : 함수 (E) { 
    CONSOLE.LOG (E)를 e.detail에서의 어셈블리 통과 // 파라미터 
    VAR = 있다는이 
    that.setData ({ 
      NUM : that.data.num + + (e.detail.num ) 
    }) 
   
  }