【vuex】store的用法和全局监控

文章讲述了在Vue.js应用中如何使用Vuex进行全局状态管理。具体包括在store的index.js中定义和赋值全局变量,如`globalloginvisible`和`creditapplydata`,通过mutations的方法`setgloballoginvisible`来改变状态,以及在组件中通过computed属性和watch来监听并响应状态变化。
摘要由CSDN通过智能技术生成
//
//1.store的变量定义和赋值方法---在store的index.js里面
//
 state: {
    globalloginvisible: false,  //用于控制token失效后的login弹窗开关
    creditapplydata: {} //从服务器获取每笔融资需求的数据
  },
  mutations: {
    // 修改变量的方法
    setgloballoginvisible(state, data) {
      state.globalloginvisible = data
    }
  },

//
//2.方法的调用
//

  if (response.data.msg == 419) {
    store.commit("setgloballoginvisible", true)
    
  }

//
//3.监控store的数据,要用computed的一个函数来操作
//
 
computed: {
    watchgloballoginvisible() {
      return this.$store.state.globalloginvisible;
    },
  },

  watch: {
    watchgloballoginvisible(newval) {
      //你需要执行的代码
      // console.log(newval, "监控globalloginvisible");
      this.fvisible = newval;
    },
  },

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值