关于vuex状态值的使用与改变

qinyong^_^

于 2019-06-28 10:14:28 发布

阅读量2.1k

点赞数

本文链接：https://blog.youkuaiyun.com/qinyongqaq/article/details/93972865

版权

本文详细介绍了如何在Vue项目中使用Vuex进行状态管理，包括组件间的状态同步与异步操作，展示了通过store进行数据更新的具体实现方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 <el-badge
            :value="$store.state.app.notice"
            :max="99"
            class="item"
            :hidden="$store.state.app.notice>0?false:true"
          >
 </el-badge>




this.$store.commit("app/SET_APPRAISE", res.data.appraise); //同步

store.dispatch("app/toggleNavbar", i); //异步

//store/app.js




const state = {
  notice: undefined,
}


const mutations = {
  SET_NOTICE: (state, val) => {
    state.notice = val
  },
}

store/index.js


Vue.use(Vuex)

const store = new Vuex.Store({
  modules: {
    app,
    permission,
    settings,
    user,
  },

  getters
})