vue-property-decorator (vue+typescript+class)

• vue-property-decorator는 TypeScript 환경에서 vue-class-component 기반으로 클래스 스타일 코딩을 가능하게 하는 라이브러리이다.

• 주요 데코레이터로는 @Component와 @Prop이 있으며, 이를 통해 Vue 컴포넌트와 Prop을 손쉽게 사용할 수 있다.

• @Prop과 @Model에는 readonly 한정자를 사용하여 읽기 전용으로 설정하는 것이 좋다. !는 null 아님 단언으로, 해당 멤버가 null이나 undefined가 아님을 확정짓는 의미이다.

• @PropSync는 부모 컴포넌트에서 .sync를 통해 전달받은 props를 변경할 수 있게 해주며, @Watch는 지정한 변수를 모니터링하여 변경이 발생하면 처리를 수행하는 데코레이터이다.