Vuetifyとはなんぞ

今回はVue.jsで使用するフレームワークについて触れていきます！

①Vuetifyとは

簡単に言うと、CSSを使わなくてもおしゃれなボタンとかができる画期的なulのフレームワークみたいです！
▶ul？　https://qiita.com/akari_0618/items/ac6eb7fae89f2329ed2c

これを使うことによって、CSSでたくさん書かなくても、言い訳ですね👌

使い方は、Vuetifyを使いたいフォルダの中に移動して、ターミナルで以下のように打ち込むと使えるみたいです👍

 % vue add vuetify
 % npm run server

で使えるようです！！

ちなみにこれはHTMLの中に埋め込まれています。
たとえばこんな感じですね。

index.html

<v-alert
  color="red"
  dismissible
  icon="$mdiAccount"
  type="success"
>クリック</v-alert>

みたいな。
初めこの文字列をみたときはてな？ってなる駆け出しさんいると思いますが、落ち着いて行きましょう🥲
表示はこうなります。

CSSを入力しなくてもここまでできるのは助かりますね👌

いろいろあったので、公式さん貼っときます😊
https://vuetifyjs.com/ja/components/alerts/#section-4f7f304465b9