Vuejs
Basic Usage¶
v-model 디렉티브를 사용하여 폼 input과 textarea 엘리먼트에 양방향 데이터 바인딩을 생성할 수 있습니다. 입력 유형에 따라 엘리먼트를 업데이트 하는 올바른 방법을 자동으로 선택합니다. 약간 이상하지만 v-model 은 기본적으로 사용자 입력 이벤트에 대한 데이터를 업데이트하는 syntax sugar 이며 일부 경우에 특별한 주의를 해야합니다.
`v-model` 은 모든 form 엘리먼트의 초기 `value`와 `checked` 그리고 `selected` 속성을 무시합니다. 항상 Vue 인스턴스 데이터를 원본 소스로 취급합니다. 컴포넌트의 `data` 옵션 안에 있는 JavaScript에서 초기값을 선언해야합니다.
v-model 은 내부적으로 서로 다른 속성을 사용하고 서로 다른 입력요소에 대해 서로 다른 이벤트를 전송합니다
- text 와 textarea 태그는
value속성과input이벤트를 사용합니다. - 체크박스들과 라디오버튼들은
checked속성과change이벤트를 사용합니다. - Select 태그는
value를 prop으로,change를 이벤트로 사용합니다.
IME(중국어, 일본어, 한국어 등)가 필요한 언어의 경우 IME 중 v-model이 업데이트 되지 않습니다. 이러한 업데이트를 처리하려면 input 이벤트를 대신 사용하십시오.
연관된¶
- vuejs-watch
Reference¶
Library¶
- vue-router
- vue-cli
- vuex
- vuetify
- vue-loader
- vue-property-decorator
Test Tools¶
- Jest
- Cypress
Style¶
- ESLint
- Prettier
- StyleGuide
Plugins¶
- rxjs
Category¶
- TypeScript
Reference¶
- https://vuejs.org/
- https://vuejs-kr.github.io/
- https://kr.vuejs.org/v2/style-guide/index.html#%EC%9A%B0%EC%84%A0%EC%88%9C%EC%9C%84-B-%EA%B7%9C%EC%B9%99-%EB%A7%A4%EC%9A%B0-%EC%B6%94%EC%B2%9C%ED%95%A8-%EA%B0%80%EB%8F%85%EC%84%B1-%ED%96%A5%EC%83%81%EC%9D%84-%EC%9C%84%ED%95%A8