vue.js 3.0 ? typescript? ??? ?? ???
vue.js 3.0? ??? ?? ?? ??? ?? ?? ?? ? ? ?? ?? ??? ???? TypeScript ????? ?? ? ??? ?????. ??? ?? VUE? ?? ? ?? ? Vue CLI? ???? TypeScript? ???? VUE ?? ????? ???? ??? ? ????.
??? ?? ?? ?? ? TypeScript? ??
vue.js? ??? ?? ?? ??? TypeScript ???? ???? ??? ? ???, ?? ? ?? ?? ?? ? ?? ?? ???? ?????. ? ???? ???? ?????? ???? ?? ? ? ????.
???? ???? ?? ?????? ??? ?? ?? ??? ?? ???? ? ????. ???? ??? ??? ???? ???? ??? ????? ???? ???? ?
>? ?????.
typescript ? vue.js ? ??
typeScript? vue.js? ?? ?????. ??? ?? ??, ? ?? ?? ??, ?? ? ???? ??? ? ??? ?? ???? ?????????? ????? ?? ??? ??? ???? ?? ?? ??? ???? ?? ??? ????.
?? 9 ?, Evan You (Vue.js? ???)? ?? ?? ??? ???? ?? ??? ??????. VUE 3.0? ??? ?? ?? ??? ?? ?? ??? ???? TypeScript ????? ?? ? ??? ???? ??? ??? ? ?? ??? ?? ? ?? ??? ?????.
?? ??? TypeScript? ???? vue ?? ???? ?? 3.0 (2019 ? 3 ?? ??)? ??? ? ??? ??? ??? ??? ????. VUE? ?? ? ?? VUE CLI? ?? ??? TypeScript ?? ??? ???? ????? ???? ??? ???? VUE ?? ??? TypeScript ???? ? ??? ????? ???? vue-property-decorator ??? ?????. @Component
? ????? VUE ? TypeScript? ?? ??? ????? ?????. ??? ?? ??? ? ??? ?? ?? ??? ???? ??? ?? ?????.
Vue TypeScript Project ??? vue-property-decorator @Prop
TypeScript? ???? ??? ? ??? ??? ?? ??? ???? ?? ? ????. ???? Vue Cli?? ??? ??????. ?? ???? TypeScript ????? ???? ??? ????? ?? ? ????. @Emit
??? VUE ???? ??? ???? ?? TypeScript? ???? ????? ???? ???????. @Watch
? ????? vue cli? ????? ???/?? ??? ?? ??? ??????.
??, ? ????? ??? ???? ??? ????? :
??? ?? ?? ????? ?? ??? ????????. ? ???? ? ???? ?? ?? ??? ????? ?? ??? ???? ????? ???? ?????.
?? ??? ???? ?? ?? ??? ?????. ??? ??? ?? ??? ??????? ??? vuex- ?? ? ?????? ? ? Vuex? ??? ?? ????.
???? ??? ??? ? ?? ???? ??? ??? ?? ?? ??? ??? ??? ????. ??? "?"?? ????. ?? ?? "?? ??? ?? ?? ?? ? ?? ????? ?? ??? ?????"????. ??? ?? ????? ??? ????? ?? ???????. ??? ?? ??? ??? ???? ?? ????? ????????.
???/IDE ??? ?? ??
?? ?? ??? ? IDE? ?? TypeScript? ?????. ?? ????? JetBrains ????? (? : Webstorm, PHPStorm)? VUE ? TypeScript? ?? ?????. ?? ??? ?? ??? Microsoft? Visual Studio ??? ?????. Vetur Extension? ?? ??? ?? ?? ? ?? ??? ?????.
??? ?? ?? ??
?? ???? ???? VUE ?? ??? ???? ??? ?? ?????. ? ??? TypeScript?? ???? ??? ??? ?? ?? ??? ???? TS? ? ?? ?? ??? ???? ? ????? ? ???? ?? ??? ? ???? ?? ???? ????.
??? ??. ?? ??? ??? ??? vue Cli? ???? ? ????? ????? ???? ????? ???? src subfolder? ???? app.vue ? ?? ?. ??? ???? ?? ?? VUE ?? ?? ?? ?? (SFC)? ??? ???? ???
?????.
?? ???? ??? ? ???? ????. ?? ?? ??? ???? ??? TypeScript? ???? ???? ? ?? ?????.
??? ?? ?? ??? ????? vue? ???? ???? ??????? (????
?? ?? ????? ?? ?????).
??? ??? ?????? ???????
?? ??? ???? ?????? ?? ??, ?? ? ?? ??? ???? ? ??? ??? ??? ?? ? ? ??? ? ? ????.
??? ??
?? ?? ?? ??? ?? ? ?? ?? ??? ??? ??? ??? ??? ???? ??? ?? ???? ??? ????? : .
… ??? ?? ?? ??? ?? ??? ??? ?? ??? ???? ?? ? ? ????.
<script></script>
??? ??
???? ?? ??? ???? ? ?? ??? Getter ???? ???? ?? ? ??? ?????? ??? ?????.
????? ?? ???? ???? ?? ??? ?? ??? ?? ? ????.
npm install -g @vue/cli
???
?? ?? ???? ??? ??? ??? ??? ???? ?? ? ? ????.npm install -g @vue/cli
? ???, ??, ??? ?? ? ?? ? ??? ?????? ??? ??? ?? ?? ?? ?? ???? ??? ?? ?? ??? ???? ?? ??? ? ?? ??? ?????.
<<> ?????
??? ? ?? ? ??? ???? ??? ?? ?????? ??? ? ????. ??? ?? ?? ??? ?????? 6 ?? ?? ?????? ?????.
<<> vue-property-decorator
<<>
??? ? ? ??? ???? ?? ?????? ?? ??? ? ?? ??? ?? ? ????.
<<> @Prop
? ?? ??? ??????
?, ?? ??? ???? ???? ?? ? ? ????. ?? ? ???? ?? ??? ??? ?????? ???? ?? ? ???? ?? (?? ?? ??? ?? ???? ???)? ?????.
???? ?? ???? ?? ???? ????? ???? ???? ?? ? ?? ??? ?????. @Prop
@Component
?? ??? ???? ?????. vue create vue-typescript-demo
<<> @Prop
? ?????? ???? ??? ?? ?? ?????. ?? ? ??? ??? ??? ?? ??? ? ?? ??? ?????.
import { Component, Vue } from 'vue-property-decorator';
import HelloWorld from './components/HelloWorld.vue';
@Component({
components: {
HelloWorld,
},
})
export default class App extends Vue {}
<<> ??
? ???? TypeScript? ???? VUE ?? ????? ???? ?? ??? ???? ??? ?? ????? ????. CLI? ???? ? ????? ???? ??? ?? ??? ???? ??? ? ????. ??? ?? ?? ?? ? ?? ?????? ?? ??? ???? ???? ????? ???? ? ? ????! @Component
class MyComponent extends Vue {}
???? vue.js? ??? ????? Sitepoint Premium? ???? ??, ????, ? ? ?? ?? ??? VUE ?? ??? ?????. ?? ? ?? $ 9? ????? 7 ? ?? ???? ???????.
typescript? ???? ??? ?? vue.js? ?? faqs (FAQ)
TypeScript ? vue.js? ???? ?? ??? ?????
typeScript? ?? ???? ????, ?? ??? ?? ????? ??? ? ??? ??? ? ? ????. ?? ???? ??? ??? ???? ????? ???? ?? ???? ?? ????. TypeScript? ?? ?? ??????? ????? ??? ?? ? ?? ?? ??, ????? ? ??? ???? ?????. vue.js? ?? ???? TypeScript? ?????? ????? ?? ??? ?????? ???? ??? ?? ??????? ?? ?????? ??? ? ????.
TypeScript? ???? vue.js ????? ???? ??? ??????
TypeScript? Vue.js ????? ????? ?? ??? ?????. ?? Vue CLI? ???? ?? ??? ???????. ?? ?? Vue CLI? ???? ??? ????? ??? ?? ???? ???? TypeScript? ??????. VUE CLI? ??? ?? TypeScript ??? ?????. ?? ?? TypeScript? ???? VUE ?? ?? ??? ??? ? ????.
vue.js? ??? ?? ?? ??? ??????
vue.js? ??? ?? ?? ??? ES6 ???? ???? ?? ??? ???? ?????. ? ???? ?? ?? ?? ????? ??? ????? ?? ????? ?? ???? ??? ? ??? ? ? ????. ??? ?? ?? ??? TypeScript? ? ????? ?? ?? ? ?????? ?? TypeScript? ??? ??? ? ????.
vue.js?? ??? ?? ?? ??? ???? ?? TypeScript? ???? ??? ??????
vue.js?? typescript? ???? ??? ?? ?? ??? ????? ?????? ???????. ? ?????? ???? ES6 ???? ?? ??? ? ? ????. ?????? ?? VUE ?? ????? ?? ???, ??? ? ???? ??? ?? ? ? ????.
??? ?? ?? ???? vue.js ??? ??? ? ?????
?, ??? ?? ?? ???? vue.js ??? ??? ? ????. ??? ?? VUE ?? ??? ?????. ???? ,
, ? ?? ??? ??? ? ????.
??? ?? ?? ???? ??? ???? ??? ??????
??? ?? ?? ???? ?????? ???? ??? ?? ? ? ????. ? ?????? ???? ?? ??? ???? ?? ???? ??? ? ????.
??? ?? ?? ???? ?? ? ??? ???? ??? ??????
??? ?? ?? ???? ?? ? ??? ????? ?? ???? ?? ? ? ????. Getter ??? ??? ???? ???? ???? ?? ? ? ?????.
??? ?? ?? ???? ???? ???? ??? ??????
??? ?? ?? ???? vue-class-component ?????? ???? ???? ?? ? ? ????. ? ?????? ???? ?? ? ??? ??? ?? ? ? ?? ? ??? ??? ? ????.
??? ?? ?? ???? mixin? ??? ? ?????
?, ??? ?? ?? ???? Mixin? ??? ? ????. ?? ?? ???? ???? ?????? ???? ?? ??? ???? ? ????.
vue.js ?? API? TypeScript? ???? ??? ??????
vue.js ?? API? TypeScript? ? ?????.
??? ??? ??? ???? ??? ???? TypeScript? ???? ??? ??? ? ????. ?? ?? TypeScript? ?? ?? ? ?? ?? ??? ???? ????? ???? ???? ?? ?? ? ????.
? ??? TypeScript?? ??? ?? vue.js ?? ???? ??????? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!
vue.js 3.0 ? typescript? ??? ?? ???
