Web/vue6 [vue] Form 입력 바인딩 (v-model) 폼 입력 엘리먼트의 상태를 JavaScript의 상태와 동기화해야 하는 경우가 많습니다. 값 바인딩을 수동으로 연결하고 이벤트 리스너를 변경하는 것은 번거로운 작업이다. v-model 1) v-bind:value + v-on:input 으로 1 -> 2 처럼 단순화 할수 있음 {{text1}} export default { name: 'App', data(){ return { text1:'', } }, methods:{//함수 onInput(e){ //v-on 핸들러는 네이티브 DOM 이벤트를 이자로 받는다 this.text1=e.target.value } } } 2) input, textarea, select 엘리먼트에 사용가능 용되는 엘리먼트에 따라 자동으로 다른 DOM 속성 및 이벤트 쌍으로 확장된.. 2023. 4. 29. [vue] vscode에 vue 셋팅 1. vue 프로젝트 생성도와주는 도구 설치 Terminal -> new Terminal npm install -g @vue/cli 2. extention 설치 - vetur 설치 - html css support - Vue 3 Snippets 3. 작업할 폴더 선택(workspace 성) file > open Folder 4. Terminal에 작성 프로젝트 만들기 C:\workspace_vue> vue create vuedongsan 이때 권한 문제로 에러나면 power-shell 관리자 권한으로 실행 $ Get-ExecutionPolicy //현재모드 확인 Restricted //풀기 $ Set-ExecutionPolicy -ExecutionPolicy Unrestricted //사용후 잠그기 $ .. 2023. 4. 27. 이전 1 2 다음
