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)
上次更新: 2026/06/25, 18:30:18
- 01
- Mythos 模型深度体验:成本、安全与实战评测06-09
- 02
- 30个超好用的Claude系统提示词:让AI成为你的领域专家06-09
- 03
- 5个ChatGPT提示词,帮你更快找到更优秀的人才06-09