JS

JS

Laravel+Vue/Vuetify Paginationを使ってみる

簡単にページネーションを作れるVue/VuetifyのPaginationを使ってみます。Laravel側からAxiosを使ってAPIでデータを取得し、Vuetify/SimpleTablesで一覧表示させてそのページネーションとしてVu...
JS

Laravel Vue/Vuetify Vue Router まとめ

Vue RouterはLaravelの管理画面をvue-routerを使ってSPA化で使用し簡単に説明しましたがインストールや設定、リンク方法の復習からパラメータやクエリストリングの取得方法やパラメータやクエリストリングを変更しただけの同...
JS

Vue/Vuetify Vuexを使ってみる

Vue.jsで親子関係でない独立したコンポーネント間でもデータ共有したい場合は状態管理ライブラリVuexが便利です。Vuexの基本的な設置方法や注意点、別コンポーネントとの同期方法をVuetifyでサンプルを作って確認します。 開発...
JS

Vue/Vuetify ダイアログの設置と親子コンポーネント間のデータ送受信

Vue.jsにおける子コンポーネントの設置方法とpropsと使った親コンポーネントから子コンポーネントへのデータ送受信、および$emitを使った子コンポーネントから親コンポーネントへのデータ送受信をVuetifyのダイアログを例に説明しま...
JS

TinyMCEを設置

Wordpressの投稿画面に採用されているWYSIWYGエディターのTinyMCE。画像アップロード機能も欲しいので手軽に使えるjbimagesプラグインを導入です。 TinyMCE本体 Download TinyM...
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をコピーしました