カテゴリー「Vue.js」に関連するページ一覧 1ページ目

.vueファイル（単一ファイルコンポーネント）をwebpackでビルドする手順を紹介します。バージョンは、Vue.jsは2.x、webpackは2.xです。わかりやすくするため、空のプロジェクトから出...

開発サーバー（localhost）の自動リロードで開発を効率化するために、Hot Module Replacement（HMR）の設定を行います。ファイルやフォルダ構成などの環境はwebpack-de...

.vueファイル（単一ファイルコンポーネント）のstyleをcssではなくlessで実装して、webpackでビルドをします。sassでも以下記事のlessの文言がsassに置き換わるくらいでやり方は...

Vue.js lessを使いwebpackでビルドするで.vueファイル（単一ファイルコンポーネント）のstyleをcssではなくlessで実装して、webpackでビルドをしました。メインカラーなど...

Vuexを導入する手順の作業メモです。Vuexを利用することにより、各コンポーネントで保持していたデータをstateにまとめられるので、ある程度規模が大きくなっても耐えられるプログラムを作成できます。...

Vue.jsにVuexを導入するでVuexの導入が完了しました。実際にstoreを作成して、各コンポーネントでその値を参照できるようにします。最初にstoreを作成します。mutations.jsにs...

Vuex stateを作成して各コンポーネントで参照するでstateを作成して各コンポーネントで参照できるようになりました。stateはmutationの処理でしか変更できません。コンポーネントからm...

Vue.jsは公式ドキュメントを始め、ネット上のほとんどのサンプルがES2015(ES6)の表記で実装されています。Vue.jsで頻繁に使用するであろうES2015の文法を紹介します。従来のJavaS...

Vuex mutationでstateの値を変更するでVuexでmutationを実装するまで行いました。次はVuexのactionについて説明したいところですが、そのためにはajaxのライブラリを導...

Vue.js axiosをajaxライブラリとして導入するでVue.jsにaxiosを導入しました。今回は、Vuexのactionでaxiosのライブラリを使ったajaxの処理を行います。最初にaja...