You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
はじめに TODO アプリを作りながら Vue.js について学んでいこうと思います。 目次 プロトタイプ 実装 Vuexの導入 Vuexのテスト リファクタリング(執筆中) コンポーネントのテスト(執筆中) プロトタイプ プロトタイプがないとイメージが湧かないので、Adobe XDで作成してみました。 $ npx create-nuxt-app todo create-nuxt-app v2.15.0 ✨ Generating Nuxt.js project in todo ? Project name todo ? Project description My impressive Nuxt.js project ? Author name shinoshu ? Choose programming language TypeScript ? Choose the package ma
前提 Vue.jsを使い始めて。便利だな〜と最近重宝しているのが算出プロパティ(computed)という仕組みです。 メソッドとは似ているようでも少し違う、computedの基本的な使い方を説明します。 算出プロパティ(computed)って何? フォームのサンプルを使って説明します。 よくある情報登録フォームをVue.jsで作成しました。 入力される値の型チェック、未入力チェック(バリデーション)にcomputedを使っています。 実装要件 各項目についてバリデーションを実装し、エラーの場合はエラーメッセージ(オレンジ文字色)を各項目部分に表示 同じくエラーの場合は、Nextボタンをdisabledにする 必須項目が未入力の場合もNextボタンをdisabledにする computedの実行イメージ 項目をTelに絞って流れを図解してみます。 Telの入力値が数値ではなかったらエラーメッ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く