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
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)
上次更新: 2023/09/05, 16:52:53