vuex 数据存取

60 阅读 0 评论 40 点赞

我是靠谱客的博主欣慰发箍，最近开发中收集的这篇文章主要介绍vuex 数据存取，觉得挺不错的，现在分享给大家，希望可以做个参考。

实现：

1. 机制

（1）注册vuex: Vue.use(vuex)

（2）配置vuex 的store选项

这样配置完，vuex就可以将状态从根组件注入到每一个子组件中去

2 参数

（1）state

需要存到仓库中的参数状态

（2）mutations

配置改变状态的对应方法

3 获取状态值

官网：由于 Vuex 的状态存储是响应式的，从 store 实例中读取状态最简单的方法就是在计算属性中返回某个状态：

4 触发状态改变

官网：更改 Vuex 的 store 中的状态的唯一方法是提交 mutation

Vuex 中的 mutation 非常类似于事件：每个 mutation 都有一个字符串的 事件类型 (type) 和一个 回调函数 (handler)。这个回调函数就是我们实际进行状态更改的地方，并且它会接受 state 作为第一个参数

以上就是欣慰发箍为你收集整理的vuex 数据存取的全部内容，希望文章能够帮你解决vuex 数据存取所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。