● 한 줄 입력 요소의 값 가져오기
한 줄 입력 요소는 <input type="text"> 태그로 만듭니다. 한 줄 입력 요소에 입력한 값을 가져오려면 다음과 같이 v-model 디렉티브로 한 줄 입력 요소와 데이터를 바인딩합니다.
input/src/App.vue
<script>
export default {
data() {
return {
uid: '',
upw: '',
};
},
methods: {
login() {
console.log(`id: ${this.uid}`);
console.log(`pw: ${this.upw}`);
},
},
}
</script>
<template>