vuex 开始
Posted susanws
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vuex 开始相关的知识,希望对你有一定的参考价值。
每一个vuex的应用的核心都是store(仓库),store基本上就是一个容器,它包含着你的应用中大部分的状态(state),vuex和单纯的全局对象有以下两点不同:
1,vuex的状态存储是响应式的。当vue组件从store中读取状态的时候,若store中的状态发生变化,那么相应的组件也会相应的得到高效更新。
2,你不能直接改变store中的状态。改变store中的状态的唯一途径就是显式的提交(commit)mutations.这样使得我们可以方便的跟踪每一个状态的变化,从而让我们能够实现一些工具帮助我们更好的了解我们的应用。
最简单的 Store
安装 Vuex 之后,让我们来创建一个 store。创建过程直截了当——仅需要提供一个初始 state 对象和一些 mutations:
const store = new Vuex.Store({
state:{
count:0
},
mutations:{
increment(state){
state.count++
}
}
})
现在,你可以通过store.state来获取状态对象,以及通过store,commit方法触发状态变更
store.commit(‘icrement‘)
console.log(store.state.count)
再次强调,我们通过提交mutation的方式,而非直接改变store.state.count,是因为我们想要更明确地追踪到状态变化,这个简单的约定能让你的意图更加明显,这样你在阅读代码的时候能更容易的解读应用内部的状态改变,
以上是关于vuex 开始的主要内容,如果未能解决你的问题,请参考以下文章