vuex是一个专为Vue.js应用程序开发的状态管理模式。采用集中式存储管理应用的所有组件的状态,并保证相应规则状态以一种可预测的方式发生变化。
状态自管理应用包含以下几个部分:
- state ([stet] 规定,陈述,声明)在vuex中指驱动应用的数据源;
- view([vju] 看法,视图)在vuex中指以声明方式将state映射到视图;
-
actions(['ækʃ(ə)nz]动作,作用)在vuex中指响应在view上的用户输入导致的状态变化。
单向数据流理念的急件示意图:
单向数据流.png
状态管理模式示例:
从简单的Vue计数应用示例:
new Vue({
// state
data () {
return {
count: 0
}
},
// view
template: `
<button @click="increment">{{ count }}</button>
`,
// actions
methods: {
increment () {
this.count++
}
}
})
本文参考vuex官网
网友评论