安装 Vuex

通过 npm 安装： npm install vuex -S 使⽤ Vue CLI 创建项⽬时可以在项⽬选项中选择 Vuex，这时就⽆需单独安装了。

使⽤

创建 Vuex 实例 store，store 通常称为‘容器’。

// store/index.js import Vue from “vue”; import Vuex from “vuex”; Vue.use(Vuex); // 创建⼀个 Vuex 容器实例，⽤来存储需要在组件中共享的状态 const store = new Vuex.Store({ state: { count: 0 } }); export default store;

在根 Vue 实例中引⼊ Vuex 作为插件。

import Vue from “vue”; import App from “./App.vue”; import store from “./store”; Vue.config.productionTip = false; new Vue({ render: h => h(App), store }).$mount(“#app”); 通过 Vue.use() 引⼊ Vuex 后，Vuex 的功能被注⼊到根实例下的所有⼦组件中，可通过 $store 访问内部功能。 我们的项⽬通过 Vue CLI 创建时选择了 Vuex，所以创建与引⼊已经被 Vue CLI ⾃动完成了。