tedateコンテンツへスキップ夜の帳がおりています。良い時間をすごせますように。対応した記事は、次になります。概要について書きました。ついて、実際のサンプルと共にご紹介したいと思います。↑こちらはsnackbarのサンプルです。↑こちらはカード型UIのサンプルです。このサンプルのように、リロードした時に、ローディングスピナーを表示することもできます。あわせてご覧ください。基本の形は、以下のようになります。100px;">カード型UIを表示してみる。こんな感じの、いわゆるカード型UIが簡単に作れます。flex;をかけるなどすれば、次のようなカード型のレイアウトが可能になります。組み合わせて、bootstrapみたいにレイアウトする形でもOKです。いい感じに、カード型レイアウトの表示ができていますね。サンプル実際に表示してみたサンプルは以下です。上記の様なシンプルなコードで、カード型UIが表示できることが確認できます。中にそれを追記してあげるだけです。実に簡単な記述で、画像が読み込まれる際のローディングスピナーを表示させることができます。加えると、画像が読み込まれる間、スピナーを表示することができます。いう場合は、Vue公式のこのページに解説があります。内容が、UIコンポーネント内で指定した箇所に置き換わって入って作用している、というイメージです。例ですが、Vuetify公式の以下ページにあるように、他のコンポーネントと組み合わせてかなり柔軟にきれいなカード型UIを作ることができます。組み合わせて、開閉するカードにしたり。公式ページv-cardの公式ページは以下になります。いろいろな用例が載っていますが、こちらのページ中段に、ローディングスピナーを表示させる例があります。