はてなブックマーク

vue.jsで手っ取り早くアプリを作りたいけど、フロントにそんな時間をかけないでそれなりのデザインを作りたい。 何かvue.jsで新しいアプリを作ったりするときは、バックエンド側に集中したりしたいので、このような悩みが出てきますよね。 もし今、UIフレームワークを使ってvue.jsのアプリを作るなら。。。 私はTailwindCSSかVuetifyを選びます 理由としては、以下のような理由で選択しています。 コミュニティがある程度の規模があり、継続して管理される可能性がある レスポンシブ対応している 軽い Nuxtのcreate-nuxt-appでUI Frameworkとして採用されている 私が作成するアプリは、大体Vuetifyを使用して作っていますが、自分で書くcssはどれも200行以内に収まっているので、その分バックエンド側に集中することができます。 さらに、デザインを学んでいない

Vuefityでのバリデーションをまとめる。 最初にバリデーションの一連の流れを紹介し、その後それぞれのフィールドのバリデーションを確認する。 バリデーションの流れ vuetify rulesメールアドレスのフィールドを例にする template <v-form ref="form" v-model="valid" lazy-validation> <v-text-field v-model="email" :rules="emailRules" ></v-text-field> <v-btn class="mr-4" @click="submit">submit</v-btn> </v-form> script <script> export default { data: () => ({ valid: true, email: null, emailRules: [ value =>