Vuex基础
想不到我都学到这里了!!!!!!坚持就是胜利!我打算明天早点儿起床开始搞这个东西!不要气馁,坚持就是胜利!参考文档:https://vuex.vuejs.org/zh/。Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extens
想不到我都学到这里了!!!!!!坚持就是胜利!我打算明天早点儿起床开始搞这个东西!不要气馁,坚持就是胜利!
参考文档:https://vuex.vuejs.org/zh/
。
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension (opens new window),提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。
Vuex的组成:
解释:Vue Components组件,Dispatch和Render;Backend API—>Actions(Commit);Devtools–>Muations;State<–Mutations(Mutate)。
1)state:vuex的管理状态;它应该是唯一的。
2)mutations:包含多个直接更新state的方法(回调函数)的对象;在action中通过commit('mutation 对象')
触发mutation中更新state的方法;只能包含同步的代码,不能写异步代码。
3)actions:包含多个事件回调函数的对象;Mutation必须是同步的,Action是异步的Mutation;组件中通过$store.dispatch('action 名称,data)
触发;可以包含异步代码(定时器,ajax)。
4)getters:需要从store中的state中派生出一些状态,可以理解为vuex中数据的computed功能。
5)mapState,mapActions,mapMutions相当于把相应的内容展开,提取里面的内容。
8)Modules:把store分成几块。
更多推荐
所有评论(0)