vue 2.0 하위 구성 요소 가 props 값 을 바 꾸 고 부모 구성 요소 에 값 을 전달 하 는 방법
prop 를 초기 값 으로 전송 한 후 하위 구성 요 소 는 부분 데이터 로 사용 하려 고 합 니 다.
prop 는 초기 값 으로 들 어 오고 하위 구성 요소 에서 다른 데이터 출력 으로 처리 합 니 다.
이 두 가지 이유 에 대한 정확 한 대응 방식 은:
부분 변 수 를 정의 하고 prop 값 으로 초기 화 합 니 다.
props: ['initialCounter'],
data: function () {
return { counter: this.initialCounter }
}
계산 속성 을 정의 하고 prop 의 값 을 처리 하 며 되 돌려 줍 니 다.
props: ['size'],
computed: {
normalizedSize: function () {
return this.size.trim().toLowerCase()
}
}
자바 스 크 립 트 에서 대상 과 배열 은 참조 형식 이 며,같은 메모리 공간 을 가리 키 고 있 습 니 다.만약 prop 이 라면.대상 이나 배열 입 니 다.하위 구성 요소 내부 에서 바 꾸 면 부모 구성 요소 의 상태 에 영향 을 줄 수 있 습 니 다.
부모 구성 요 소 는 props 를 사용 하여 하위 구성 요소 에 데 이 터 를 전달 하 는 것 을 알 고 있 습 니 다.그러나 하위 구성 요 소 는 어떻게 부모 구성 요소 와 통신 합 니까?이 럴 때 Vue 의 사용자 정의 이벤트 시스템 이 도움 이 됩 니 다https://cn.vuejs.org/v2/guide/components.html#사용자 정의 이벤트
부모 구성 요소 에서 두 변 수 를 정의 합 니 다.하위 구성 요소 에 동적 으로 연결 합 니 다.
하위 구성 요소:
부모 구성 요소:두 가지 방법 을 정의 하고 하위 구성 요소 사용자 정의 이벤트 에 연결 합 니 다.
이 vue 2.0 하위 구성 요소 가 props 값 을 바 꾸 고 부모 구성 요소 에 값 을 전달 하 는 방법 은 바로 작은 편집 이 여러분 에 게 공유 하 는 모든 내용 입 니 다.참고 가 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
vue 중성자 구성 요소 전송 값 의 기본 값 상황 에 대하 여 말씀 드 리 겠 습 니 다.부모 구성 요소 의 content 값 이 들 어 오지 않 았 을 때 하위 구성 요 소 는 default 속성 을 이용 하여 기본 값 을 설정 합 니 다.이 경우 페이지 에 default value 가 표 시 됩 니 ...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.