vuex - 常用命令学习及用法整理
2018-04-07 17:59
260 查看
https://vuex.vuejs.org/zh-cn/api.html
2018-04-07 18:00:52
命令 | 用途 | 备注 |
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 |
相关文章推荐
- mysql 常用命令用法总结脚本之家整理版
- DB2-学习笔记(2)-常用命令整理
- linux常用命令用法整理
- mysql 常用命令用法总结脚本之家整理版
- MySQL学习-常用命令整理
- mysql 常用命令用法总结积木学院整理版
- Docker学习笔记常用命令持续整理
- 学习Linux常用命令网站链接整理[持续]
- Linux学习笔记:常用命令整理
- Linux常用命令整理<学习笔记随时更新>
- 转载自马哥视频学习笔记---Linux Web服务器网站故障分析常用的命令之awk用法的简单示例
- GDB学习整理2--gdb常用命令
- Maven学习之二:常用命令整理学习
- linux常用命令学习整理
- 学习LINUX之常用命令整理
- 面试题整理学习(三):Git常用命令整理
- Linux学习之Linux常用命令整理
- SQL server 学习(1)--SQL常用语法命令整理
- linux学习之linux常用命令整理
- Git学习5:Git常用命令简明用法