vuex的配置主要内容

本文主要是介绍vuex的配置主要内容，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

1、state 作用：负责存储数据；

2、getters 作用：state计算属性(有缓存)；

3、mutaions 作用：负责同步更新state数据

mutaions是唯一可以修改state数据的方式；

4、actions 作用：负责异步操作，例如发送网络请求，将请求到的数据通过commit触发mutaions来修改state；

5、modules 作用：负责模块化管理vuex数据。

什么情况下我应该使用 Vuex？
Vuex 可以帮助我们管理共享状态，并附带了更多的概念和框架。这需要对短期和长期效益进行权衡。

如果您不打算开发大型单页应用，使用 Vuex 可能是繁琐冗余的。确实是如此——如果您的应用够简单，您最好不要使用 Vuex。一个简单的 store 模式就足够您所需了。但是，如果您需要构建一个中大型单页应用，您很可能会考虑如何更好地在组件外部管理状态，Vuex 将会成为自然而然的选择。

创建一个最简单的store
一个初始的state对象和一些mutation

//如果在模块化构建系统中，确保在开头调用了Vue.use(Vuex)

const stroe = new Vuex.Store({state:{count:0},mutations:{increment(state){state.count++   //store.state获取状态对象}}
})

可以通过store.state获取状态对象，通过store.commit方法触发状态变更

store.commit('increment')
console.log(store.state.count)

这篇关于vuex的配置主要内容的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---