2019-10-09から1日間の記事一覧

Vue VueRouter編 -最終章- ~ありがとうVue.js~

Vue

ナビゲーションガード 遷移を操作するためのフックのこと。 遷移を中断させたりタイミングを操作する。 ナビゲーションガードの引数 next()関数が重要。 遷移をさせない時にはnext(false)にする。 複数のフックを併用できるが、それぞれのフックで解決した後…

Vue SPA VueRouter編 -第1章- ~最高の品質を!~

Vue

SPA SPA(Single-page Application)は一つのウェブページを使用して内容のみを変えて 画面遷移させるアプリケーション設計のこと。 Vue Routerインストール npm install vue-router src/router.js import Vue from 'vue' import VueRouter from 'vue-router' …

Vue SPA Vuex編 -第2章- ~Vuexの完全理解!~

Vue

ストアの分割 ストアはモジュール化し、分割することで管理しやすくする。 モジュールの使い方 オブジェクトで定義したモジュールを、ストアのmodulesオプションに登録する。 モジュール定義 const moduleA = { } const moduleB = { } ストアに登録 const st…

Vue SPA Vuex編 -第1章- ~VuexはDB!~

Vue

Vuex 状態管理の拡張ライブラリで、データとその状態に関する全てを一元管理する。 特徴 Vuexによって管理されているデータはリアクティブになっているため、 構造状態に関わらず常に同期されている。 またデータの管理や、状態を管理できるモジュール機能な…

Vue SPA 基礎編 ~フロントエンドへの一歩~

Vue

Vue CLI 環境構築編でも触れましたが、 Vue CLIとは開発支援のためのコマンドラインインターフェース。 アプリケーションのビルドなどの支援をする。 またwebpackに必要なファイルを自動的に作成もする。 webpack こちらも環境構築編で触れましたが、 複数の…