Vue

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をコピーしました