vuetifyのコンポーネントの意味の調べ方がわかりません・・

Question

###前提・実現したいこと
はじめまして。
仕事ではプログラミングをしていないのですが、趣味として独学で勉強している超初心者です。

vuetifyのフレームワークをいくつか組み合わせて、
簡単なtodo管理ツールを作ろうと思っています。

なお、vue.jsはドキュメントなどを一通りさらってはいます。

###発生している問題・エラーメッセージ
vuetifyのexapmlesを組み合わせて使いたいのですが、
vuetifyのコンポーネントの意味をどうやって調べたらいいのかがわかりません・・・

例えば、あるexampleに以下のようなコードがあります。

（略）
<v-list-tile-action>
    <v-checkbox v-model="video"></v-checkbox>
</v-list-tile-action>
（略）

上記では<v-list-title-action>を使っていますが、別のものだと<v-list-title>を使ってたりします。

この違いがわからないと組み合わせられないと思っているので、
調べたいのですがどうやって調べたらいいのでしょうか・・・

もし、vuetifyなどのフレームワークの活用イメージが間違っているのであれば
ご指摘いただけますと幸いです。
（部品を組み合わせたり、一部ほかの部品に書き換えて使うものだと思っています・・）

基本的なことになりますが、ご回答いただけますと幸いです＞＜

【参考】
・vuetifyドキュメント
https://vuetifyjs.com/vuetify/quick-start

###試したこと
・「<v-list-tile-action>」などでのgoogle検索
・vuetifyドキュメント内での検索
・codepenで<v-list-tile-action>を<v-list-tile>などに変えて、出力結果比較するなど
→出力結果同じでした

Answer 1

Vuetifyに詳しくないので参考意見ですが、そこまで調べてしまっているのであれば、ソースを読んでしまったほうが早いのかもしれません。

https://github.com/vuetifyjs/vuetify/blob/dev/src/components/VList/VListTileAction.js

https://github.com/vuetifyjs/vuetify/blob/dev/src/components/VList/VListTile.js

VListTileActionにはほとんど実装がありませんが、VListTileにはトグルや波紋の実装があるような気がします。

Comments

[kemupeach]

ありがとうございます！
いくつか読んでみます！