코드조각

이 곳은..

코드 조각을 모으는 곳 입니다. 보통 반복적으로 같은 질문을 하게 됩니다. 이를 해결하는 시간과 노력을 줄이기 위해 만들었습니다. 실제 동작하는 최소 단위의 코드 조각을 보관하고 있습니다.

참여 방법

Vue가 포함된 JsFiddle에서 작은 예제를 만들면 됩니다. 그리고 Github 이슈에 남겨주시거나 풀리퀘스트를 남겨주시면 추가하겠습니다.

목록

• vuex를 이용하는 모달 생성 - @gongzza
• vuex mutations 변수 대입 문제 - @gongzza
• v-model의 한글 사용 문제를 v-on을 사용한 해결법 - @kciter
• v-model 사용시 한글 사용 문제 - @kciter
• vue-router 중첩 라우팅 예제 - @changjoo-park
• vuejs에서 이미지적용시 비동기로 inline style 적용 예제 - @devjin0617
• 조건에 따라 다르게 출력되는 레이아웃 - @changjoo-park
• 빈 Vue 인스턴스를 이벤트버스로 사용하기 - @changjoo-park
• Vue.set과 this.$set 사용 예제 - @changjoo-park
• Vue.$nextTick을 이용한 UI갱신 예제 - @devjin0617
• 글로벌 / 로컬 컴포넌트 사용 방법 - @changjoo-park
• drag이벤트를 이용한 파일 드래그앤드롭 사용 예제 - @devjin0617
• drag이벤트를 이용한 드래그 앤 드롭이 가능한 이미지 컴포넌트 - @changjoo-park
• slot을 이용한 폼 헬퍼 - @changjoo-park
• 동적 컴포넌트 예제 - @kciter
• Semantic-UI로 admin 시작하기 - @gongzza
• KeyEvent를 이용하여 DIV 이동하기 - @devjin0617
• Vue 디렉티브를 이용한 스크롤 락 - @changjoo-park
• Vue Mixin을 이용한 스크롤 락 - @changjoo-park
• Vue-Router 페이지 트랜지션 - @changjoo-park
• v-cloak 예제 - @kciter
• Semantic-UI Simple Toastr 예제 - @gongzza
• Vee-validate 기본 사용법 예제 - @gongzza
• Vee-validate field-input component 예제 - @gongzza
• 비동기 컴포넌트 예제 (2.3.0+) - @changjoo-park
• inheritAttrs, $attrs, $listeners 예제 (2.4.0+) - @changjoo-park
• input 엘리먼트에서 동적 type 바인딩 2.5.0+ - @changjoo-park
• Event Handling .exact 예제 2.5.0+ - @changjoo-park
• vue-router lazy loading - @gongzza
• vue-router re-rendering - @usolkim
• vue-router 접근 권한 체크 예제 - @usolkim
• Vuex 기반 To Do List 예제 (with bootstrap) - @usolkim