2018-03-25vue状态管理工具(vuex)

vuex是为了保存组件之间数据的共享而诞生的，如果组件之间有要共享的数据，可以直接挂到vuex中区，而不必再通过父子之间的传值了。如果组件的数据不必要共分享，此时这些不必要共享的私有数据，没必要放到vuex中；

只有共享的数据，才有权利放到vuex中；

组件内部私有数据，只要放到data中即可；

---

props和data和vuex之间的区别；

vuex是一个全局共享区域存储数据，就相当于是一个数据的仓库；

props是子组件存储从父组件传递过来的数据；

data中存放的是组件的私有数据；

---

配置vuex的步骤：

1.装包： npm i vuex -s

2.导入包：   import Vuex from ‘vuex’

3.注册vuex到vue中：    Vue.use(Vuex)

4.var store = new Vuex.store()得到一个数据存储对象

5.把store挂在到vue的实例对象中

6.如果子组件想要访问store中的数据，只能通过this.$store.state.***来获取

mutations:{

//这个里面是存储vuex中的方法的

increase(state){

    syate.count++

}

}

子组件想调用这个方法需要通过

this.$store.commit('方法名')

来对vuex中的方法进行调用