vue3 简单使用vuex

mutations用于更变store中的数据(同步)vue3 简单使用vuex_第1张图片
如何调用mutations中数据
vue3 简单使用vuex_第2张图片
vue3中取vuex里的数据 需要用 computed获取
使用store.commit(“add”) 来触发vuex里的mutations方法
触发mutations时传递参数:store.commit(“addN”,2) 通过第二个参数
vue3 简单使用vuex_第3张图片
使用action触发某个mutation
vue3 简单使用vuex_第4张图片
使用dispatch
vue3 简单使用vuex_第5张图片
如何使用getters
getter用于对store中的数据进行加工处理形成的新的数据
不会修改store中的原数据 它只起到一个包装器的作用 将store中的数据变一种形式返回出来

1.getter可以对store中已有的数据加工处理之后形成新的数据,类似vue的计算属性
2.store中数据发生改变 getter中的数据也会跟着变化

vue3 简单使用vuex_第6张图片
用计算属性可以获取vuex中的getters中的数据
vue3 简单使用vuex_第7张图片

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