本文共 705 字,大约阅读时间需要 2 分钟。
https://vuex.vuejs.org/zh-cn/api.html
命令 | 用途 | 备注 |
this.$store | 组件中访问store实例 |
|
store.state.a | 获取在state对象中的数据 | store文件中 |
$store.state.a | 视图上(即标签上) | |
this.$store.state.a | 1) 组件内部,data数据里边 2) 组件计算属性返回值 computed: { count () { return this.$store.state.count } } | |
store.getters | 派生state的一些状态(即拿到,再进行一些小变化后返回新的状态,比如给state中某个数组内部小于10的前边加上0再返回) | Getter对象 |
this.$store.getters.oneFunction | 访问Getter对象内的某个属性的值 | 在组件的计算属性中使用 |
store.commit() | 【方法】提交 mutation,触发状态变更(修改state的值) | action文件中 |
this.$store.commit(state,payload) | 在组件的 methods 中 | |
store.dispatch() | 【方法】触发 action,以间接地触发mutation,进而使状态变更(修改state的值) | action文件中 |
this.$store.dispatch('incrementBy',amount) | 在组件的 methods 中 'incrementBy': mutationFunctionName amount = payload |
2018-04-07 18:00:52
转载地址:http://fgixa.baihongyu.com/