tedateコンテンツへスキップ夜の帳がおりています。良い時間をすごせますように。いうコンポーネントを呼び出す基本形のコードです。></v-select></template>↑いつもどおり、基本形はとってもシンプルで使いやすそうですね。解説などでは、内容について詳しく見ていきましょう。上記の通り、基本形としてはたったの4行で表示可能です。ごとに行を分けているので4行ですが、実際は1行で書けます。文字通りセレクトボックス上に初期表示される文字が入ります。dataは、こんな感じで用意しておきます。}});</script>実際に動くサンプル今回も、実際に動くサンプルが作成してあります。次のリンクより、ご覧ください。簡単に見た目を変えられるオプションを3つほどご紹介します。指定すると、角丸+アウトラインを持ったスタイルに変わります。指定すると、elevationを持ったスタイルに変わります。項を参照すると、どういう意図のスタイルかよくわかる事と思います。指定すると、塗りを持ったスタイルに変わります。して値を使いたいので、別のvalueを渡したい。(というか、おそらく実際の制作では、このパターンが最も多く使われる事になるのではないでしょうか。)コードはこちらです。UI上に表示されるテキストになります。選択された際に渡る値(value)になります。選択された内容が都度更新される部分です。指定する事で、この「表示される見た目上のテキストと、選択された値をわける」状態が有効になります。dataは、例えば以下のように用意しておきます。長いdata名がついていますが、これは何でも良いです。加えたサンプルも、先ほどの基本形の下に並べて作成してあります。次のリンクより、ご覧ください。Vuetify公式ページは以下です。Vuetifyまた、公式APIページはこちらになります。一覧が記載されています。ついてご紹介しました。綺麗なUIパーツを実際に表示させながらマテリアルデザインの概念にも触れることができるVuetify、やはりとても優れたUIフレームワークだと感じています。「ユーザーが操作して得られる機能や目的がその先にあるからこそ、UIパーツというものは必要になる」という大前提を、機能面を含めて理解する意味でもデザイナーの方にもぜひ触れてみてほしいフレームワークかな、と個人的には感じています。(これは何も、Webデザインに限った話じゃなく、身近な例ではエレベーターのボタンだって立派なUIパーツですし、コーヒーマシンのボタンだってUIパーツが並んでますよね。後者は「コーヒーを淹れる」という目的があり、それが言わば、UIを操作した結果、到達できるUXというわけですよね。目的に快適に到達できれば、良い体験をユーザーにしてもらえる、ということですよね。)...私自身も、もっともっと、より良い体験をユーザーの方にしてもらえるよう、日々進んで行こうと思っています。関する記事を掲載していく予定です。※この記事は、内容の品質向上を目的に、随時更新を行う場合があります。v-snackbar][Vue.js]Vuetifyで、画像にParallax(視差)効果を簡単に適用する方法[v-parallax][Vuetify3]まずはとにかく始めたい場合。