3. 安装Vuex

1. 直接下载 / CDN 引用Vuex

Unpkg.com提供了基于 NPM 的 CDN 链接。unpkg.com/vuex 链接会一直指向 NPM 上发布的最新版本

也可以通过 https://unpkg.com/vuex@3.4.0 这样的方式指定特定的版本。

在 Vue 之后引入 vuex 会进行自动安装：

<script src="https://cdn.jsdelivr.net/npm/vue@2.7.8/dist/vue.js"></script>
<script src="https://unpkg.com/vue-router@3.1.3/dist/vue-router.js"></script>
<script src="https://unpkg.com/vuex@3.4.0"></script>

2.NPM(Yarn)安装Vuex

• 在vue2中，要用vuex的3版本； 在vue3中，要用vuex的4版本

npm install vuex@3 --save
// yarn add vuex

• 在一个模块化的打包系统中，必须显式地通过 Vue.use() 来安装 Vuex：

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

Vue.use(Vuex)

• 当使用全局 script 标签引用 Vuex 时，不需要以上安装过程。

3.Vuex 依赖Promise

Vuex 依赖 Promise。如果浏览器并没有实现 Promise (比如 IE)，那么可以使用一个 polyfill 的库，例如 es6-promise 。

• 也可以通过 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'

4. 自己构建Vuex

如果需要使用 dev 分支下的最新版本，可以直接从 GitHub 上克隆代码并自己构建Vuex。

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