1. Vue3.0で使用されるComposition APIとVue2.xで使用されるOptions APIの違いは何ですか?
Vue3 の最大の機能とも言える Comboposition API ですが、なぜ Comboposition API が登場し、どのような問題が解決されるのでしょうか。一般に、 Vue2を使用して開発されたプロジェクトには、 1. コンポーネントが大きくなるにつれてコードの可読性が悪化する 2.どのコード再利用方法にも欠点がある3. TypeScript のサポートが制限されている
という問題があります。
例：
export default {
data(){
return{};
},
methods:{},
comouted:{},
watch:{}
}
オプション コードがどのように記述されているかがわかります。コンポーネントの状態の場合は data 属性に記述されます。メソッドの場合は、method 属性に記述されます...コンポーネント オプション (data、computed、methods、watch) を使用してロジックを整理することは、ほとんどの場合に効果的です。ただし、コンポーネントが複雑になると、対応する属性のリストも増大し、コンポーネントが読みにくく、理解しにくくなる可能性があり
ます
。2.
構成 API
Vue3 構成 API では、コンポーネントは論理関数に従って編成されます。関数によって定義されたすべての API がまとめられます (より高い結合性、より低い結合性)。プロジェクトが大きく、多くの関数がある場合でも、この関数で使用されるすべての API をすぐに見つけることができます。
まとめ
ロジックの編成とロジックの再利用という点では、コンポジション API はオプション API よりも優れています。
これは、コンポジション API はほぼ関数であり、より優れた型推論を備えているためです。
コンポジション API はツリーシェイキングに適しており、コードの圧縮が容易です。
コンポジション API ではこれが使用されていないため、不明確な状況が軽減されます。
小さなコンポーネントの場合は、オプション API を引き続き使用できます。これも非常に使いやすいです。