vuex存取值

在路上等

已于 2022-07-05 14:45:24 修改

阅读量1.4k

点赞数 1

分类专栏：插件使用及问题解决文章标签：前端

于 2020-08-17 11:23:18 首次发布

本文链接：https://blog.csdn.net/weixin_42327537/article/details/108052263

版权

插件使用及问题解决专栏收录该内容

26 篇文章 0 订阅 ¥19.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍了Vuex中如何使用commit进行同步操作，如存储和取值，并讲解了dispatch用于处理异步操作，如向后台发送请求。通过dispatch调用action，再由action调用mutation来完成复杂的业务流程。同时，提到了getters用于获取计算后的状态。

摘要由CSDN通过智能技术生成

commit: 同步操作【mutation 】

this.$store.commit('方法名',值)【存储】

this.$store.commit('newBankName', this.textValue)

this.$store.state.方法名【取值】

dispatch: 异步操作【Action】

this.$store.dispatch('方法名',值)【存储】

this.$store.getters.方法名【取值】

<template>
  <div class="hello">
    <h1>{
  { msg }}</h1>
    <button @click="increment">按钮{
  {doneTodos}}</button>    
      <button @click="incrementAsync">按钮new{
  {doneTodos}}</button>   
  </div>
</template>

<script>
import { mapGetters ,mapActions,mapMutations} from 'vuex'
export default {
  name: 'HelloWorld',
  props: