|
| 1 | +--- |
| 2 | +layout: post |
| 3 | +title: "Vue.js 2.2.0 버전 가이드/API 업데이트 요약" |
| 4 | +date: 2017-02-26 12:00:00 +0900 |
| 5 | +categories: vue |
| 6 | +author: "ChangJoo Park" |
| 7 | +--- |
| 8 | + |
| 9 | +## API |
| 10 | + |
| 11 | +### errorHandler 변경 |
| 12 | + |
| 13 | +Vue의 라이프사이클에서 에러가 발생한 경우 앱을 멈추지 않고 에러 메시지를 출력합니다. |
| 14 | + |
| 15 | +[문서](http://kr.vuejs.org/v2/api/#errorHandler) |
| 16 | + |
| 17 | +### Vue.delete 전달인자 변경 |
| 18 | + |
| 19 | +Vue.delete의 전달인자가 `object, key`에서 `target, key` 로 변경되었습니다. |
| 20 | +사용할 수 있는 타입이 Object와 Array 두가지가 되었습니다. |
| 21 | +키는 string 이외에 number가 추가되었습니다. |
| 22 | + |
| 23 | +[문서](http://kr.vuejs.org/v2/api/#Vue-delete) |
| 24 | + |
| 25 | +### render 변경 |
| 26 | + |
| 27 | +render 함수의 타입이 함수에서 `(createElement: () => VNode) => VNode`로 변경되었습니다. |
| 28 | + |
| 29 | +[문서](http://kr.vuejs.org/v2/api/#render) |
| 30 | + |
| 31 | +### renderError 함수 추가 |
| 32 | + |
| 33 | + `render`함수 사용시 에러가 발생하면 `renderError` 함수를 사용해서 렌더링합니다. **개발 모드에서만** 사용할 수 있습니다 |
| 34 | + |
| 35 | +[문서](http://kr.vuejs.org/v2/api/#renderError) |
| 36 | + |
| 37 | + ### 옵션 / 컴포지션 항목 추가 |
| 38 | + |
| 39 | + [문서](http://kr.vuejs.org/v2/api/#옵션-컴포지션) |
| 40 | + |
| 41 | + ### `provide` / `inject` 추가 |
| 42 | + |
| 43 | + 플러그인과 라이브러리에서 사용을 권장하는 의존성 주입 용 `provide` / `inject`가 추가되었습니다. |
| 44 | + |
| 45 | +[문서](http://kr.vuejs.org/v2/api/#provide-inject) |
| 46 | + |
| 47 | +### `vm.$props` 추가 |
| 48 | + |
| 49 | +컴포넌트가 전달받은 속성에 접근할 수 있는 프록시가 추가 되었습니다 |
| 50 | + |
| 51 | +[문서](http://kr.vuejs.org/v2/api/#vm-props) |
| 52 | + |
| 53 | +### `vm.$on` 변경 |
| 54 | + |
| 55 | +문자열 외에 배열을 사용할 수 있습니다. |
| 56 | +[문서](http://kr.vuejs.org/v2/api/#vm-on) |
| 57 | + |
| 58 | +### `v-on` 마우스 관련 수식어 추가 |
| 59 | + |
| 60 | +마우스 버튼 이벤트 핸들러가 추가되었습니다. |
| 61 | + |
| 62 | +[문서](http://kr.vuejs.org/v2/api/#v-on) |
| 63 | + |
| 64 | +### `keep-alive` 변경 |
| 65 | + |
| 66 | +<keep-alive> 트리 안의 모든 중첩 컴포넌트에서 `activated`, `deactivated`가 실행됩니다. |
| 67 | + |
| 68 | +[문서](http://kr.vuejs.org/v2/api/#keep-alive) |
| 69 | + |
| 70 | + |
| 71 | +## 가이드 |
| 72 | + |
| 73 | +### 컴포넌트 `v-model` 사용자 정의 추가 |
| 74 | + |
| 75 | +[문서](http://kr.vuejs.org/v2/guide/components.html#컴포넌트의-v-model-사용자-정의) |
| 76 | + |
| 77 | +### 마우스 버튼 수식어 추가 |
| 78 | + |
| 79 | +[문서](http://kr.vuejs.org/v2/guide/events.html#마우스-버튼-수식어) |
| 80 | + |
| 81 | +### 명시적 전환 지속 시간 설정 추가 |
| 82 | + |
| 83 | +[문서](http://kr.vuejs.org/v2/guide/transitions.html#명시적-전환-지속-시간) |
| 84 | + |
0 commit comments