Vue

PHP

LaravelでVue/Vuetifyを使ってFormを作成

前回作成した管理画面で、Vue/Vuetifyを使用してテキストボックス、テキストエリア、ラジオボタン、チェックボックス、セレクトボックスの送信フォームを作成します。ラジオボタン、チェックボックス、セレクトボックスのリストはAxiosを利...
PHP

Laravelの管理画面をvue-routerを使ってSPA化

前回はVuetify/DrawerメニューでLaravelの管理画面を作成しました。今回はvue-routerをインストールして管理画面をSPA(Single-Page Application)化してみましょう。 開発環境 L...
PHP

LaravelでVuetifyのDrawerメニューで管理画面作成

LaravelでVue.js用のUIコンポーネントライブラリを利用できるUIフレームワークVuetifyをインストールし、VuetifyのDrawerメニューを利用してレスポンシブな管理画面のレイアウトを作成してみます。 開発環境 ...
PHP

LaravelでVue.jsを使ってみる

LaravelではAuth(ユーザ認証)をインストールした時点ですでにVue.jsを利用できる状態になっているのでコンポーネントの配置やBladeテンプレートからコンポーネントへの値の渡し方をまとめておく。 開発環境 Lara...
JS

Vue.js/Nuxt.jsでVuexストアを使ってAPIで取得したデータを表示してみる

直接pageにaxios使ってデータを取得したら終わりじゃないの?と思ってたけど、コンポーネント間で共有できるようにVuexストアに保持したほうがいいのね!よくわからないけどw ということで、ややこしそうだけどなるべくいろんな形に対応でき...
JS

Vue.js/Nuxt.jsでHTTP非同期通信axios/asyncDataを使ってみる

★axiosは非同期処理オブジェクトPromiseベースのHTTPクライアントで簡単にHTTPアクセスできるよ。★asyncDataメソッド・ページコンポーネントがロードされるたびに呼ばれる。・data()の前に非同期処理でdataとマー...
JS

Vue.js/Nuxt.jsで画面遷移

pagesディレクトリに作成したvueファイルはすべて自動的にルーティングに登録される!すばらしい♪ ページ作成 sampleレイアウトで会社概要ページとお問い合わせページを作成。 pages/about.vue ...
JS

Vue.js/Nuxt.jsで画面レイアウト

ヘッダやフッタを全ページ書くのは面倒だし変更するのにも手間がかかるのでレイアウトを作りましょう。手順は①componentsにヘッダやフッタの共通テンプレートを作成。②layoutsにレイアウトテンプレート作成。③pagesのページファイ...
JS

WindowsでいきなりNuxt.jsに入門してみる

Nuxt.jsはVue.js製ユニバーサルJavascriptアプリケーションフレームワーク。Nuxtスターターテンプレートを使用したサンプルで動作を確認してみる。
タイトルとURLをコピーしました