nuxt
はじめに こんばんは。 今回も前回の続きです。 kojirooooocks.hatenablog.com kojirooooocks.hatenablog.com kojirooooocks.hatenablog.com kojirooooocks.hatenablog.com kojirooooocks.hatenablog.com kojirooooocks.hatenablog.com kojirooooocks.hatena…
はじめに こんばんは。 今回も前回の続きです。 kojirooooocks.hatenablog.com kojirooooocks.hatenablog.com kojirooooocks.hatenablog.com kojirooooocks.hatenablog.com kojirooooocks.hatenablog.com kojirooooocks.hatenablog.com 今回は、修正にバリデ…
はじめに こんばんは。 今回も前回の続きです。 kojirooooocks.hatenablog.com kojirooooocks.hatenablog.com kojirooooocks.hatenablog.com kojirooooocks.hatenablog.com kojirooooocks.hatenablog.com 今回は、vee-validateを導入して入力フォームのバリ…
はじめに こんばんは。 今回も前回の続きです。 kojirooooocks.hatenablog.com kojirooooocks.hatenablog.com kojirooooocks.hatenablog.com kojirooooocks.hatenablog.com 今回は、ついにモーダル表示やりました。 本題 まず vue-js-modal をインストールし…
はじめに こんばんは。 今回も前回の続きです。 kojirooooocks.hatenablog.com kojirooooocks.hatenablog.com kojirooooocks.hatenablog.com 今回は、モーダル表示の前に、カードの追加を実装しました。 本題 index.vue 追加する際のイベントを渡してます。 <template> <div class="bg-blue-100"></div></template>…
はじめに こんにちは。 前回の続きです。 kojirooooocks.hatenablog.com kojirooooocks.hatenablog.com 次は emitあたりを振り返ります。 本題 CardList.vue <template> <div class="flex-1 bg-gray-100 m-2 cursor-pointer"> <p class="text-xl">{{ title }}</p> <Card v-for="(card, k) in cardList" :key="k" :card-title.sync="card.title" /> </div> </template>
はじめに こんにちは。 前回の記事の続きです。 kojirooooocks.hatenablog.com 次はテンプレートのコンポーネント分けをします。 本題 index.vue apiでデータを取ってきた的なのりで、dataをつかってみます。 そして、そのデータからカード表示します。 <template> <div class="bg-blue-100"> <h1 class="text-2xl">To</h1></div></template>…
はじめに こんばんは。 結構前に本を見ながら nuxtをやってみたのですが、もう完全に忘れてるのと、6月から別案件で使用する可能性があるので再度入門しようとしてみます。 今回は最初なのでインストールとかもろもろをやってみます。 本題 1. インストール …
はじめに こんにちは。 めちゃめちゃ時間空きましたが、進めていきます。 Nuxt.jsビギナーズガイド―Vue.js ベースのフレームワークによるシングルページアプリケーション開発作者: 花谷拓磨出版社/メーカー: シーアンドアール研究所発売日: 2018/10/17メディ…
はじめに めちゃめちゃ簡単な記事ですが、残しとかないと忘れるので書いときます。 現在のプロジェクトではsweetalertを使ってます。 アラートなどリッチに表示できるので重宝してます。 新たなプロジェクトではnuxtを使うようになったのですが、こちらでも…
はじめに こんにちは。 Kojirockの1人アドベントカレンダー Advent Calendar 2018の19日目の記事です。 プライベートが忙しくて、最近は日付が変わってからのアップがデフォルトです。 Nuxt.jsビギナーズガイド―Vue.js ベースのフレームワークによるシングル…
はじめに こんにちは。 Kojirockの1人アドベントカレンダー Advent Calendar 2018の18日目の記事です。 体調が悪く1週間完全にダウンしていました。。。 アドベントカレンダーもまるまる抜けてしまって、残念極まりないです。 こういうときのために書き溜め…