vuex的使用与理解

51 阅读1分钟

使用vuex统一管理状态的好处:

1.能够在vuex中集中管理共享的数据,易于开发和后期维护

2.能够高效地实现组件之间的数据共享,提高开发效率

3.存储在vuex中的数据都是响应式的,能够实时保持数据与页面的同步

state的使用:

1.定义好属性之后:可以直接使用store.state.属性名

2.定义好属性之后:在组件中引用mapState然后在computed:{...mapState(['属性名'])},最后在页面运用,页面中直接使用属性名

mutation:用于变更store中的数据

1.只能通过mutation变更store数据,不可以直接操作store中的数据

2.通过这种方式虽然操作起来稍微繁琐,但是可以集中监控所有数据的变化 mutation中不能写异步操作

Action Action用于处理异步任务 如果通过异步操作变更数据,必须通过Action,而不能使用mutation,但是在action中还是要通过mutation的方式间接变更数据

getter getter用于对store中的数据进行加工处理形成新的数据

1.getter可以对store中已有的数据加工处理之后形成新的数据,类似vue的计算属性

2.store中数据发生变化,getter的数据也会跟着变化