質問: Nuxt TypeScript https://typescript.nuxtjs.org/examples/class-api/basic.html Nuxt.js TypeScriptは、 Options API、Class API、Composition API の3つのAPIが存在していますが、 下記のVue.js発明者のEvanYouのコメントでVue3系では、Vue.extendは残り続けるが TypeScriptを使う場合は、型推論の強化されたClass APIを使用したら良いと コメントされています。 ということは、必然的にClass APIもしくは、Composition APIを使えば良いことになると思うのですが、TypeScriptが初めての為、どのAPIを採用したら良いか迷っています。 博識のある方、採用理由も添えてご教授して頂けませんでしょうか? ※ Nuxt TypeScriptでどのAPI方式を採用すれば良いか知りたいです。 Vue.jsでTypeScriptを使用する場合のAPI方式の採用方法についても ご存知であれば雑学として知りたいです。 ![イメージ説明](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/5e2f7c0a06d8be4a49849598feb26cf7.png) ![イメージ説明](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/6c160b5f564e06d6d61287197874c22c.png)
回答: 新しく始められるのであれば、Classベースの提案は棄却されているため、Composition APIが良いと思います。 以下で、Classベースの問題について挙げられています。 vue-class-componentのメンテナンスの問題も挙げられていました。 一方で、ClassベースはComposition APIより利用実績があると思います。 ClassベースでNuxt.jsを書いていますが、不都合を感じたのはvue-rxを使ったときぐらいです。 ClassベースでNuxt.jsを書く場合は、vue-class-componentをラップしているnuxt-property-decoratorがお勧めです。