vue form 처리방식

<select v-model="selectedProgram">


export default {
	data(){
		return {
			formData: {}
		}
	},
	methods:{    
		async submit(){
				me.formData.program_id = me.selectedProgram;
                }

				let response = await axios.post('/api/api_url', me.formData);
        
       }
       ...

기존 html은 아래와 같이 데이터를 처리 했으나 vue는 form 태그를 노출 시키지 않고 데이터 바인딩 처리를 하여 form을스크립트로 처리한다. 이경우 크롤링으로 데이터를 긁어가고 로봇으로 접근하여 해킹시도 하는 것을 방지 할 수 있다.

<form name="form_data">
	<input...
</form>