[Vue] props야, 이리오너라!

 

컴포넌트간 데이터를 넘기기 위해 등장한 것이 props

 

props는 컴포넌트에 등록할 수 있는 커스텀 속성이다.

 

v-bind를 이용해 동적으로 props를 전달할 수 있다.

 

이는 미리 렌더링될 녀석들이 뭔지 모를때 특히 유용하다.

 

이게 props의 핵심 개념이다.

 

 

단방향 데이터 흐름

 

모든 props는 자식 부모간에 아래로 단방향 바인딩을 형성한다.

 

부모 속성이 업데이트되면 자식으로 흐르지만 그 역은 안된다.

 

부모 컴포넌트가 업데이트될 때마다 자식 컴포넌트의 모든 prop들이 최신 값으로 새로고침된다.

 

즉, 하위 컴포넌트에서 prop을 변경하려고 시도해서는 안된다.

 

 

 

 

Quasar 시리즈 마지막 장을 올리려했는데 너무 길어져서 주말에 정리한 뒤에 2개의 포스팅으로 나누어 올릴 예정입니다.

 

마우스 클릭 위치 반경 필터

 

 

Thanks for watching, Have a nice day.