[Vue.js] Vue.js 2.x 버전 Typescript 적용하기

새로 들어갈 프로젝트에서 vue.js 2.x버전과 Typescript를 사용한다는 말을 듣고 

Typescript를 사용해본적이 없던지라 부랴부랴 프로젝트를 생성하고 Typescript를 

적용해보았다.

Typescript를 적용할땐 문법적인것이 기존의 방식이랑 살짝 달라졌기에 당황...

먼저 설치 먼저 진행해보록 하자!

전에 vue.js 설치하는 포스팅을 쓴적이 있는데 

요번엔 다른 명령어로 설치를 해보았다.

vue create <프로젝트명> 을 입력하면 프로젝트가 설치된다.

( vue-cli 버전 2.x 일땐 vue init~ 으로 설치,

 vue-cli 버전 3.x 이상 일땐 vue create 으로 설치) 

그후 

사용자의 입맛대로 설치를 진행할수있다. 

버전, typescript, router. vuex, eslint 사용유무 등등 

설치후 프로젝트를 실행하면 

아주 잘나온다!!

소스를 살펴보면 

script 부분에 "ts"를 붙이고

'vue-property-decorator',

컴포넌트를 정의하는 @Component,

export default 부분도 변경 되었다.

created 옆에는 : void 로 명시를 해줘야 하며

computed는 get을 앞에 붙여줘야하며 

함수는 그대로 사용가능하다.

끝!!