Vuex的相关知识

什么是vuex

vuex是专门为vue项目开发的一个状态管理工具。所谓状态，可以简单理解成变量。管理就是存储。素以vuex可以理解成一个大仓库，存放我们的变量。

为什么要使用vuex

比如说，我有个状态（变量），很多组件都要用到它，这时，我们就需要一个大仓库，放一些很多组件都要共享的变量。这就是我们vuex的作用：存放共享的状态，让所有的组件都能使用到它。等等，单单是这个我觉得这个也是很好封装的对吧，我可以给Vue的原型添加一个storeObj把这些变量放在这个对象中：

let storeObj={};
storeObj.a="a";
Vue.prototype.storeObj = storeObj;
 
....

哪些状态需要放在vuex中

• 用户的登录状态，多个组件多个页面都会用到它。
• 购物车中的信息等等

使用vuex

第一步，下载vuex

   npm install vuex --save

第二步，配置vuex

import vuex from "vuex"
import Vue from "vue"
Vue.use(vuex);

第三步，创建仓库

new vuex({})
let store = new vuex.Store({});
export default store;

第四步，将仓库挂载到根实例上

import store from "./store"
new Vue({
	store
    }
})