今回はVue.jsでのFormの送信について記載します。 自分で実装する中で想定通りにはいかない部分もあったので備忘録としてまとめようと思います。 @submitとは？ まず、@submitとはなんでしょうか？ <template> <div> <form @submit="handleSubmit"> <label for="username">ユーザー名:</label> <input type="text" id="username" v-model="username" /> <label for="password">パスワード:</label> </form></div></template>

今回はRailsをAPIモードにしてフロントエンドとバックエンドを分ける方法についてまとめます。 Railsの環境構築については下記記事を参照してください。 kumaskun.hatenablog.com 今回はAPIモードで環境構築された状態から進めていきたいと思います。 また、…

今回はVue Routerについてまとめようと思います。 Vue Routerはルーティング機能を提供するライブラリです。 ルーティングはクライアントから要求されたURLに応じてコンポーネントを決定する仕組みです。 導入 まずはVue Routerを使えるようにライブラリをイ…

今回はDockerでVue.jsの環境構築を行います。 前提として以前記事にしたRailsプロジェクトをDockerで作成する手順を確認した上で続きとして読み進めてください kumaskun.hatenablog.com 今回は、バックエンドをRailsでフロントエンドをVue.jsで合わせて１つ…