@input1 Vue3 기초: form data 다루기 웹어플리케이션에서 form을 이용한 데이터 바인딩은 필수적인 기술이라고 할 수 있다. 이를 통해야만 기본적인 로그인, 회원가입 등이 가능하기 때문이다. 또한, 클라이언트가 무엇을 원하는지를 서버가 알수있는 창구가 되어주기 때문에 form을 이용한 data다루기는 선택이 아닌 필수이다! 다행히 Vue에서 form data는 비교적 다루기 쉽다. Vue에서 제공하는 v-model을 input 태그에 달아주면 Vue가 알아서 양방향 바인딩(컴포넌트의 프로퍼티의 값을 바꿔줌과 동시에 view에 출력되는 값도 바뀐다.)을 해준다. {{ user }} 이름 나이 위와 같은 코드로 vue 서버를 올려보면 아래와 같은 화면을 볼 수 있다. 이름 옆의 input 창에서 이름을 바꾸면 위에 출력된 user 프로퍼티의 값도.. 2022. 2. 24. 이전 1 다음