Composition API RFC Release Note - ChoDragon9/posts GitHub Wiki

::: tip @vue/composition-api의 릴리즈 노트를 통해 어떤 변경 사항이 생길지 예상하기 위해 정리한 포스트입니다. :::

• [리팩토링] 이름변경 createComponent => defineComponent
• [라이프사이클] onUnmounted의 호출 시점이 destroyed와 deactivated => destroyed로 변경 #217

• [라이프사이클] onServerPrefetch 추가
• [컨텍스트] ssrContext 추가
• [TypeScript] computed type 이슈 해결

• [TypeScript] props 옵션 타입 추론 개선

• [Fix] watcher 콜백이 정상적인 시점에 해제 안되는 현상 해결

• [TypeScript] TypeScript 타입 정의 개선
• [컨텍스트] context.slots가 render전에 사용할 수 없는 현상 해결

• [TypeScript] prop 타입을 직접 선언 가능함

import { createComponent, createElement as h } from '@vue/composition-api'

interface Props {
  msg: string
}

const MyComponent = createComponent<Props>({
  props: { 
     msg: {}  // required by vue 2 runtime
  },
  setup(props) {
    return () => h('div', props.msg)
  }
})

• [TypeScript] ref 타입 선언

const dateRef = ref<Date>(new Date);

• [리팩토링] 이름 변경 onBeforeDestroy() => onBeforeUnmount()
• [라이프사이클] onCreated(), onDestroyed 제거

• RFC로 되면서 패키지 이름 변경됨