Laravel+Vue.js+VuexでフロントのCRUDを作成
LaravelでSPAなタスク管理アプリ作る日記4回目です。前回はLaravelでWebAPIのCRUDを作成したので、今回はこのAPIをVue+Vuexで使用してフロント側のCRUDを作っていきます。
- 投稿日
- 更新日
LaravelでSPAなタスク管理アプリ作る日記4回目です。前回はLaravelでWebAPIのCRUDを作成したので、今回はこのAPIをVue+Vuexで使用してフロント側のCRUDを作っていきます。
Vue.jsのコンポーネントライブラリにElementUIというのがあります。そのままでもいい感じなのですが、ちょっと色とかマージンを調節したいケースがあるかと思います。そこでここではカスタマイズの方法をご紹介します。
前回はLaravel + Vue.js でJWT認証をやりましたが、状態管理があれだったので、今回はVuexを導入してもう少しちゃんとにやってみたいと思います。
前回は一つの要素に対してトランジションアニメーションをしましたが、今回はリストなど複数の要素に対してトランジションをしてみます。
Vue.jsでトランジションアニメーションしたいときはtransitionタグを使えば簡単にアニメーションできるのでご紹介いたします。