vue从仓库state中取不到数据的问题

从仓库state中取不到数据

今天写项目要从仓库中取出一个值,但我一直取得是undefined,各种测试百度,然而我犯了一个低级的错误

我项目中将数据库模块化,原本为app模块,新添加user模块

我在store文件下又建立了子文件user.js,然后在index.js将其引入

vue从仓库state中取不到数据的问题_第1张图片

然后我直接使用this.$store.state.value去取值,是取不到的,如果index.js文件里的state中也有value这个变量,该语句取到的是index.js中的value值

如果想要获取user.js中的值,需要多一个路径this.$store.state.user.value

监听store中state数据方法

computed: {
    swiper() {
      return this.$refs.mySwiper.$swiper;
    },
    LifeVal() {
      return this.$store.state.LifeVal;
    },
    danceVal(){
      return this.$store.state.danceVal;
    }
  },
  watch: {
    danceVal: function() {
        LifeVal = this.$store.state.LifeVal = this.$store.state.danceVal
        /* vuex : changeDanceVal是store中mutations里的方法
           // 修改state的唯一方法,只允许同步函数
                 mutations: {
                  // 第一个参state值,第二个接收触发方法时传来的值
                    changeDanceVal(state,num) {
                        state.LifeVal = num;
                         }
                     },
        */
        this.$store.commit("changeDanceVal", LifeVal);
    }
  },

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。 

你可能感兴趣的:(vue从仓库state中取不到数据的问题)