vue中的vuex的理解

vuex是一个专门为vue.js应用程序开发的状态管理工具，也是存放公共数据的。
什么是状态管理工具？
让我们从一个简单的vue计数应用开始：
new Vue({
// state
data () {
return {
count: 0
}
},
// view
template: <div>{{ count }}</div>,
// actions
methods: {
increment () {
this.count++
}
}
})
状态自管理包含以下几个部分？
state：驱动程序的数据源
view：以声明的方式将state映射到视图
action：响应在view上的用户导致的状态变化。
以下是一个表达单项数据流的简单示意图：

什么情况下应该使用vuex？
Vuex 可以帮助我们管理共享状态，并附带了更多的概念和框架。这需要对短期和长期效益进行权衡。
当有多个组件共享数据时，如果需要构建一个中大型页面应用，会考虑如何更好的在组件外部管理状态，就使用vuex。
我是把vuex里的拆分出来了

vuex的五大核心和意义？
1、state:存放vuex store 实例的状态对象，用于定义共享数据的。

2、mutations：修改器，它只用于修改state中定义的状态变量。

3、actions：动作，向state发送调用通知，异步操作，他是和mutations搭配使用的

4、getters：读取器，外部程序通过它获取变量的具体值，或者在取值前做一些计算（可以认为是store的计算属性）

5、modules：对state进行分类处理。
这个图片代码就不用展示了大家都会把！！
这个是所有拆分出来引入的入口js，index.js

还有俩个js文件是可以直接在vue中调用的但是也是vuex里的js是为了方便管理，更具有规范化.
config.js: 可以和mutations方法联系到一起。

mixin.js:是和config.js联系到一起的：

在vue中的调用：

这只是一小部分，其他的都是同理。
以上就是我对vuex的理解，如果有问题可以评论出来，谢谢关照！！