院卒新人サラリーマンのメモ代わり

備忘としてのメモを記載

vueでcrudアプリ

vueでcrudアプリを作ってみた。
railsのscaffoldでできるのとほぼ同じ感じをイメージ。
f:id:blog59:20180822151744p:plain

rails
formのアクションをcontrollerで受け取る
controllerでdbからデータ取り出す。
取り出したデータをviewに渡す。

vue
formのアクションを同じファイルのmethodsで受け取る。
methodsでvuexからデータを取り出す。
取り出したデータをもとにhtmlが表示される。

これでなんとなくvuexが使えてきた。
activerecordみたいなメソッドを作るととてもわかりやすい。
例 findAllやfindByIdでデータを取り出し、createやupdateで作成、更新

その他
railsのredirect_to('/')はthis.$router.push('/')でできる

次の目標vuex部分をfirebaseにする