props, emit 질문이 있습니다.

안녕하세요.

• Props(속성) : 부모 컴포넌트에서 "값"을 전달 받을 때 사용됩니다.

• Emit(이벤트 발생) : 자식 컴포넌트에서 이벤트를 발생시키기 위해 사용됩니다.

그리고 데이터의 흐름에 따라 "단방향 바인딩"과 "양방향 바인딩"이라는 두 가지 주요 바인딩 방식을 제공합니다.

1. 단방향 바인딩 (One-Way Binding):

- 특징: 데이터의 흐름이 한 방향으로만 이루어지며, 주로 상위 컴포넌트에서 하위 컴포넌트로 데이터를 전달하는 방식입니다.

- 활용 방법: 주로 props를 사용하여 부모 컴포넌트에서 자식 컴포넌트로 데이터를 전달합니다.

2. 양방향 바인딩 (Two-Way Binding):

- 특징: 데이터의 흐름이 양방향으로 이루어지며, 사용자가 입력한 값을 바로 데이터에 반영하고, 반대로 데이터의 변경이 뷰에 반영되는 방식입니다.

- 활용 방법: v-model 디렉티브를 사용하여 양방향 바인딩을 설정합니다. 주로 입력 폼 요소와 함께 사용됩니다.

이 질문을 제가 정정 드리면 -> "props emit은 단방향바인딩인거고 v-model은 양방향바인딩인건가요??"

v-bind가 단방향이고, v-model이 단방향입니다.

이 질문은 제가 이해를 못했어요 -> "input text상자에 입력된 값을 props로 전달하려면 v-model은 양방향 바인딩하는거니까 사용하면 안되는건가요..?ㅜㅜ"

많은 경우에 대부분 <input v-model="" /> 이렇게 사용합니다.

지금부터 Props와 Emit은 머릿속에서 잠시 지워주시고요.

v-bind, v-model을 충분히 이해하시고 학습하시면 될 것 같습니다.

아예 Props와 Emit을 잊어주세요. v-bind, v-model 이 무엇인지, 두 차이는 무엇인지를 두고 이해하시면 훨씬 쉬울거에요.