Vuex

# インストール

# 直接ダウンロードする / CDN

https://unpkg.com/vuex(opens new window)

Unpkg.com(opens new window) で NPM ベースの CDN リンクが提供されています。上記リンクは常に NPM の最新のリリースを指します。https://unpkg.com/vuex@2.0.0 のような URL によって特定のバージョン/タグを利用することもできます。

Vue のあとで vuex を取り込むと自動的に Vuex が導入されます:

<script src="/path/to/vue.js"></script>
<script src="/path/to/vuex.js"></script>

# NPM

npm install vuex --save

# Yarn

yarn add vuex

モジュールシステムで利用される場合、 Vue.use() によって Vuex を明示的に導入する必要があります:

import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

グローバルなスクリプトタグを利用する場合にはこのようにする必要はありません。

# Promise

Vuex は Promise (プロミス)(opens new window) を必要とします。ブラウザで Promise が実装されていない(例 IE)場合は、es6-promise(opens new window) のようなポリフィルライブラリを使用できます。

CDN 経由でそれを含めることができます:

<script src="https://cdn.jsdelivr.net/npm/es6-promise@4/dist/es6-promise.auto.js"></script>

window.Promise は自動的に有効になります。

NPM または Yarn のようなパッケージマネージャーを使用するのを希望する場合は、以下のコマンドでインストールします:

npm install es6-promise --save # NPM
yarn add es6-promise # Yarn

さらに、Vuex を使用する前に、コードのどこかに次の行を追加します:

import 'es6-promise/auto'

# 開発版ビルド

最新の開発版ビルドを利用したい場合には、 Github から直接クローンし vuex を自身でビルドする必要があります。

git clone https://github.com/vuejs/vuex.git node_modules/vuex
cd node_modules/vuex
npm install
npm run build

← Vuex 入門 →