Vuex 是什么

Vuex 是 Vue 提供的一种资料状态管理的模式，它可以统一控管资料的状态，都是在小型的 SPA 网站，元件资料的传递可以透过 props ，但如果是大型的 SPA 专案，则建议可以使用 Vuex 来统一管理资料的状态。

这里会以 Vue Cli 的专案为範例，可以直接在终端下 npm install vuex --save 来安装 Vuex
接着会在 main.js 里面 import 且使用 use 的方式来启用

import Vuex from 'vuex'Vue.use(Vuex);

接着会在 src 资料夹建立一个 store 资料夹控管资料状态的档案，此时可以新增一个 index.js 在 store 内，之后也是要 import 跟启用

// 这里别忘记也要载入 Vueimport Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex);

接着把这支 index.js 用 export 的方式汇出

export default new Vuex.store({});

之后 import 汇入到 main.js

import store from './store';

然后放入到 main.js 的 Vue 实体内

new Vue({    store});

这样 Vuex 的準备就算是完成了 ~