Vue.jsを漸進的にVue.tsへ変えていく/ Vue.js project progressive convert to TypeScript

Vue.jsを漸進的にVue.tsへ変えていく/ Vue.js project progressive convert to TypeScript

私はVueが好きだ!そしてTSがいいのはわかった!
で、どうやったらTSにできそう?

Appendix:
fruitriin/VueTStest: Vue2.6 をコミット単位で徐々に TS化
https://github.com/fruitriin/VueTStest
VueでTypeScriptを始める 3つのStyle - Speaker Deck
https://speakerdeck.com/fruitriin/3-style-to-start-vue-with-typescript
[Vue+TypeScript] Vue.extend で Vue らしさを保ちつつ TypeScript で書くときの型宣言についてまとめた - Qiita 
https://qiita.com/is_ryo/items/6fc799ba4214db61d8ab
typescript+vueで独自プラグインを実装する方法 - Qiita 
https://qiita.com/gaku3601/items/86b5741eff83fa40ef5a
Vue.js-Plugins with TypeScript - Peter's(英語)
https://www.mistergoodcat.com/post/vuejs-plugins-with-typescript

69b4dadef85efe143ac825b62d36ed7c?s=128

果物リン

March 23, 2020
Tweet

Transcript

  1. 3.
  2. 9.

    Project構成 • App.vue • TodoList.vue(Props Down) • TodoItem.vue(Props Down) •

    TodoForm.vue(Emit) • (mixin)MyMixin.vue • MyPluginΛGlobalʹ
  3. 23.

    All JS components convert to TS! • JSίϯϙʔωϯτͷTSԽ͕׬ྃʂ • ్தͰΤϥʔʹ΋ͳͬͯͳ͔ͬͨͷͰ

    ࠞࡏͯͯ͠΋͍͚ΔͱΘ͔ͬͨ • Plugin, Mixin͸ઌʹܕ෇͚͕ඞཁ
  4. 25.

    ಘΒΕͳ͍΋ͷ • templateͷܕݕࠪ • ͦ΋ͦ΋ܕݕ͕ࠪߦΘΕ͍ͯͳ͍ • Propsͷܕݕࠪ • Emitͷܕݕࠪ •

    templateΛܦ༝͢ΔͷͰ੩తʹ͸ݕࠪͰ͖ͳ͍ɻ࣮ߦ͕ඞཁ • JSΛimportͨ͠ͱ͜ΖʹAny͕࢒Γ͕ͪ
  5. 32.

    Appendix • fruitriin/VueTStest: Vue2.6 Λίϛοτ୯ҐͰঃʑʹ TSԽ https://github.com/fruitriin/VueTStest • VueͰTypeScriptΛ࢝ΊΔ 3ͭͷStyle

    - Speaker Deck https://speakerdeck.com/fruitriin/3-style-to-start-vue-with-typescript • [Vue+TypeScript] Vue.extend Ͱ Vue Β͠͞Λอͪͭͭ TypeScript Ͱॻ͘ͱ͖ͷܕએݴʹ͍ͭͯ·ͱ Ίͨ - Qiita https://qiita.com/is_ryo/items/6fc799ba4214db61d8ab • typescript+vueͰಠࣗϓϥάΠϯΛ࣮૷͢Δํ๏ - Qiita https://qiita.com/gaku3601/items/86b5741eff83fa40ef5a