「コンポーザブルとは何か ?」の質問

[tokuda109]

https://github.com/vuejs-jp/learn.nuxt.com/blob/main/content/1.vue/4.composition-api/index.md で何か困ったことや質問があれば遠慮なく質問して下さい

[nanauda]

app.vue内でuseCounter()は、import無しで使用できるのでしょうか?(これはNuxtの機能の一部ですか?)
その場合、composable配下に置くことで、それらの配下のすべてのexportされた関数が、import無しで使用できると理解していいですか?

[atlansien]

@nanauda
ご質問ありがとうございます！はい、認識の通り、composable配下でexportされた関数は .vue 内でimport無しで利用することができます。

[atlansien]

こちらの件についてはこの後のセッションでも解説がありますのでぜひお楽しみにしてくださいmm

[nanauda]

承知しました！ご回答ありがとうございます。

[nbifrye]

nuxt を使う上で、ユーティリティ utils/* とコンポーザブル composables/* について、「Vue の API を扱うか否か」や「状態を持つか否か」など、使い分けのプラクティスあれば知りたいです

[nbifrye]

回答いただきありがとうございました！

• Vue の API (例: Composition API, ref() など) を使うようなものをまとめたロジック群は composables/* に
• Vue に閉じないようなロジックは utils/* に
  • 例: スネークケース/キャメルケースの変換など
• Nuxt 自身の API を参考にするとよい
  • https://nuxt.com/docs/api