### 彪哥

爱好前端

- 基础

- 组件

- 过渡&动画

- 可复用性&组合

- 工具

- 规模化

  - vuex操作相关
  - 路由懒加载

- Vuex

- 其他

- 《Vue》笔记
- 规模化

heBody
2020-02-04

# vuex操作相关

# # vuex操作相关

    import { mapActions, mapMutations, mapGetters } from 'vuex'

    computed: {
        ...mapGetters([ // 获取数据，内部为数组
            'searchHistory' // 相当于在data插入searchHistory和获取到的数据
        ])
    },

    methods: {
    	某方法(){
    	  this.saveSearchHistory(传入值)
    	},
    	...mapActions([ // 提交actions修改数据，内部为数组 因为actions文件已对方法进行了封装所有是数组类型
          'saveSearchHistory' // 相当于在methods绑定了事件saveSearchHistory
        ]),

    	某方法() {
    		this.setFullScreen(传入值)
    	},
    	 ...mapMutations({ // 提交mutations，内部为对象
          setFullScreen: 'SET_FULL_SCREEN' // 相当于在methods绑定了事件setFullScreen
        })
    }

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
编辑
(opens new window)
#Vue
上次更新: 2022/12/14, 19:36:42
Vue CLi v3 创建项目使用记录
路由懒加载

← Vue CLi v3 创建项目使用记录 路由懒加载→

最近更新

  01
Git修改分支名
08-11

  02
CSS给table的tbody添加滚动条
06-29

  03
我做了一个手写春联小网页，祝大家虎年暴富 原创
01-28

更多文章>

Copyright © 2016-2022 Hesb | MIT License

- 跟随系统
- 浅色模式
- 深色模式
- 阅读模式