Need help with doit-vuejs?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

joshua1988
169 Stars 192 Forks 44 Commits 6 Opened issues

Description

'Do it! Vue.js 입문' 책 예제 코드 저장소

Services available

!
?

Need anything else?

Contributors list

# 41,922
npm
HTML
Chrome
chrome-...
35 commits
# 455,932
Scala
text-pr...
tokeniz...
HTML
1 commit

Do it! Beginning Vue.js

This repository contains all the code samples, quizzes and projects for Do it! Beginning Vue.js book.

이 리포지토리는 Do it! Vue.js 입문 도서의 예제, 직접 해보세요, 종합 프로젝트 코드가 포함되어 있습니다.
책에 안내된 번호에 따라 코드를 활용해보세요 :)

구성

예제

2장

  1. Hello Vue.js

3장

  1. 3-1 라이프 사이클 실습 예제
  2. 3-2 message 값을 변경한 라이프 사이클 실습 예제
  3. 3-3 전역 컴포넌트 등록하기
  4. 3-4 지역 컴포넌트 등록하기
  5. 3-5 지역 컴포넌트와 전역 컴포넌트 등록하기
  6. 3-6 인스턴스 유효 범위와 전역, 지역 컴포넌트 관계
  7. 3-7 컴포넌트 유효 범위 증명
  8. 3-8 props 속성을 사용한 데이터 전달 예제
  9. 3-9 이벤트를 발생시키고 수신하기
  10. 3-10 이벤트 버스 구현하기

4장

  1. 4-1 뷰 라우터 실습
  2. 4-2 네스티드 라우터 구현하기
  3. 4-3 네임드 뷰 구현하기
  4. 4-4 뷰 리소스로 데이터 받아오기
  5. 4-5 액시오스로 데이터 받아오기

5장

  1. 5-1 v-bind 예제
  2. 5-2 자바스크립트 표현식 예제
  3. 5-3 자바스크립트 표현식 사용 시 주의할 점
  4. 5-4 많이 사용되는 디렉티브 다루기
  5. 5-5 v-on 디렉티브 이용해 이벤트 처리
  6. 5-6 v-on 디렉티브에 인자 값 넘기기
  7. 5-7 event 인자를 이용해 돔 이벤트 접근하기
  8. 5-8 computed 속성과 methods 속성의 차이점
  9. 5-9 watch 속성 예제

직접해보세요

종합프로젝트

입문 책을 보고나서 보면 좋은 온라인 강좌

  1. Vue.js 시작하기
  2. Vue.js 중급 강좌
  3. Vue.js 완벽 가이드

추천 학습 로드맵 : Do it! Vue.js 입문 -> Vue.js 시작하기 -> Vue.js 중급 -> Vue.js 완벽 가이드

진행 예정인 오프라인 강좌

  • Vue로 구현하는 PWA 캠프

    • 기간 : 19.08.24(토) ~ 19.11.02(토) 8주
    • 일정 : 매주 토요일 14시 ~ 19시
    • 장소 : 패스트 캠퍼스 (강남역 4번 출구 앞)
  • Vue.js 정복 캠프

    • 기간 : 19.10.14(월) ~ 19.11.20(수) 6주
    • 일정 : 매주 월/수 20시 ~ 23시
    • 장소 : 패스트 캠퍼스 (강남역 4번 출구 앞)

License & Copyright

Copyright © 2018 Captain Pangyo
Creative Commons License
This work is licensed under a Creative Commons Attribution-NonCommercial-NoDerivs 4.0 Unported License.

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.