教你如何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
    })
}
相关文章
|
6月前
|
存储 JavaScript 开发者
Pinia和Vuex的区别
Pinia和Vuex的区别
1593 0
|
6月前
|
存储
vuex5种状态?
vuex5种状态?
|
6月前
|
JavaScript 开发者
Vue状态管理: 在Vuex中,什么是mutation?它们应该如何使用?
Vue状态管理: 在Vuex中,什么是mutation?它们应该如何使用?
165 4
|
存储 JavaScript
Vue2(状态管理Vuex)
Vue2(状态管理Vuex)
|
22天前
|
存储 JavaScript API
Vuex 和 Pinia 的区别
【10月更文挑战第18天】Vuex 和 Pinia 都有各自的优势和适用场景。Vuex 适合较为大型和复杂的项目,强调严格的架构和流程;而 Pinia 则更适合中小型项目以及对灵活性和简洁性有更高要求的开发者。你可以根据项目的具体需求和个人喜好来选择使用哪一个状态管理库。
433 59
|
1月前
|
存储 Web App开发 监控
Vuex学习一:了解Vuex,初始用vuex,vuex状态管理图的讲解
这篇文章是关于Vuex的基本使用和状态管理的教程,包括项目搭建、Vuex配置、状态共享问题、Vuex介绍以及如何在Vue组件中使用Vuex进行状态管理。
18 0
Vuex学习一:了解Vuex,初始用vuex,vuex状态管理图的讲解
|
4月前
|
存储
vuex——重置vuex数据
vuex——重置vuex数据
67 0
|
6月前
|
存储 JavaScript 前端开发
vuex的5种状态
vuex的5种状态
29 0
|
6月前
|
存储 JavaScript
vuex和pinia区别
vuex和pinia区别
421 0
|
6月前
|
JavaScript
Vue状态管理:什么是getters?Vuex中的getters有什么作用?
Vue状态管理:什么是getters?Vuex中的getters有什么作用?
198 3