애플 릿 '구도' 프로젝트 노트 (8) - 프로젝트 미리 보기, 이벤트 전달, behaviors

프로젝트 미리 보기 및 이벤트 전달
항목 미리 보기
작은 프로그램 항목 은 QR 코드 를 스 캔 하여 미리 볼 수 있 으 며, 일반적인 항목 에 대해 서 는 이 방법 이 가능 합 니 다.그러나 이 중 네트워크 가 요청 한 API 인 터 페 이 스 는 http 에서 시작 하 는 항목 입 니 다.'합 법 적 인 도 메 인 이름, 웹 - view (업무 도 메 인 이름), TLS 버 전, HTTPS 인증서' 를 열 고 미리 볼 때 핸드폰 엔 드 디 버 깅 을 켜 야 합 니 다.
이벤트 전달
구성 요소 포함 관계: Compontent 3  >  Compontent2  >  Compontent1 
이벤트 전달 과정: Compontent 1 사용자 정의 이벤트 의 트리거, 감청, 캡 처 등 을 통 해 전달 Compontent 2, 이런 식 으로 유추 합 니 다.
behaviors 
behaviors 는 구성 요소 간 코드 공유 에 사용 되 는 특성 으로 일부 프로 그래 밍 언어 에서 'mixins' 나' traits' 와 유사 합 니 다.
모든 behavior 는 속성, 데이터, 라 이 프 사이클 함수 와 방법 을 포함 할 수 있 습 니 다. 구성 요소 가 이 를 참조 할 때 속성, 데이터 와 방법 은 구성 요소 에 합 쳐 지고 라 이 프 사이클 함수 도 해당 시기 에 호출 됩 니 다.모든 구성 요 소 는 여러 behavior 를 참조 할 수 있 습 니 다.behavior 도 다른 behavior 를 참조 할 수 있 습 니 다.
behavior 는 Behavior () 구조 기 정 의 를 사용 해 야 합 니 다.

let classicBehavior = Behavior({
  properties: {
    img: {
      type: String
    },
    content: {
      type: String
    }
  },
  data: {

  }

})
export { classicBehavior }

behaviors 를 사용 할 때, 우 리 는 먼저 성명 의 behavior 를 도입 한 다음, 구성 요소 에서 behaviors 를 설명 하면 됩 니 다.

// components/classic/movie/movie.js
import {
  classicBehavior
} from '../classic-behavior.js';
Component({
  /**
   *        
   */
  behaviors: [classicBehavior],
  properties: {
    //   ：   behaviors         ，behaviors    essay、music、movie              。     behavior  。                  ，          properties 。
    //     type: String
    // },
    // content: {
    //     type: String
    // }
  },

  /**
   *        
   */
  data: {

  },

  /**
   *        
   */
  methods: {

  }
})

비고: behaviors 중의 behavior 가 여러 개 (다 중 계승) 가 있다 면, 예 를 들 어 beh 1, beh 2, beh 3, beh 4 이 고, 그 중에서 모두 img 이라는 속성 을 설명 한다 면, 마지막 으로 작용 하 는 것 은 beh 4 입 니 다.또한, properties 에서 img 속성 을 밝 혔 다 면 마지막 으로 역할 을 하 는 것 은? properties.단, 성명 주기 함수 에 있어 서 덮어 쓰 는 상황 이 존재 하지 않 으 며, behaviors 의 생명주기 함 수 를 선후 로 실행 하고, 하위 구성 요소 의 생명주기 함 수 를 실행 합 니 다.