Vue2-Vuex中State、Mutation及mapState辅助函数、mapMutations的基本用法

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。

个人笔记,仅供参考。

state:全局共享的响应式数据

mutation:声明修改全局响应式数据方法的地方

Vue2-Vuex中State、Mutation及mapState辅助函数、mapMutations的基本用法_第1张图片

Vue2-Vuex中State、Mutation及mapState辅助函数、mapMutations的基本用法_第2张图片

Vue2-Vuex中State、Mutation及mapState辅助函数、mapMutations的基本用法_第3张图片

优化调用:

Vue2-Vuex中State、Mutation及mapState辅助函数、mapMutations的基本用法_第4张图片

导入:

计算属性:

Vue2-Vuex中State、Mutation及mapState辅助函数、mapMutations的基本用法_第5张图片

Vue2-Vuex中State、Mutation及mapState辅助函数、mapMutations的基本用法_第6张图片

Vue2-Vuex中State、Mutation及mapState辅助函数、mapMutations的基本用法_第7张图片

模板中简化写法:count修改为vuex_count

js中简化写法:

Vue2-Vuex中State、Mutation及mapState辅助函数、mapMutations的基本用法_第8张图片

mapMutations用法:

Vue2-Vuex中State、Mutation及mapState辅助函数、mapMutations的基本用法_第9张图片

传参:

Vue2-Vuex中State、Mutation及mapState辅助函数、mapMutations的基本用法_第10张图片

Vue2-Vuex中State、Mutation及mapState辅助函数、mapMutations的基本用法_第11张图片

你可能感兴趣的:(vue,vue.js)