vuepress-theme-vdoing/docs/《Vue》笔记/06.规模化/100.vuex操作相关.md

title	date	permalink	categories	tags	author
vuex操作相关	2020-02-04 13:15:19	/pages/d9d62d6ab8ff99a6	《Vue》笔记 规模化	null	name link xugaoyi https://github.com/xugaoyi

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
    })
}