[Vue.js] 뷰 v-model 활용하여 입력값 관리하기

[Vue.js] 뷰 v-model 활용하여 입력값 관리하기

 

 

사용자가 input 이나 textarea에 데이터를 입력하였을때

v-model을 이용하여 이를 실시간으로 저장하고

저장한 데이터를 가공할수 있다

 

⭐️  샘플 예제

<!-- v-model 사용 예-->
<template>
    <input v-model="number"/>
    <div>{{number * 2}}</div>
</template>

<script>
    export default {
    name : 'App',
    data(){
        return {
            	number : 0,
            }
        }
    }
</script>