Vue input태그의 데이터를 Vue가 관리하는 data() {} 로 데이터 바인딩 하는 방법

input 태그에서 입력한 데이터를 가져와 data() {}에 저장하고 싶으면 v-model을 사용하면 된다.

data: () => ({
    email: "",
    password:"",
  }),

 

<input v-model="email" type="email" class="form-control" id="floatingInput" placeholder="name@example.com">
<input v-model="password" type="password" class="form-control" id="floatingPassword" placeholder="Password">