vuex过于频繁存数据是不是会导致该数值不会变化

场景

我一个播放器组件,在timeupdate的事件里将事件传给另一个兄弟页面使用,我使用vuex来进行数据之间的传递。

代码

// player.vue
<template>
  <div class="player">
  ...
    <audio  @timeupdate="updateTime" :src="`xxx.mp3`"></audio>
  </div>
</template>

import {mapMutations} from "vuex";
export default {
  name: "player",
  methods:{
    updateTime(e) {      
    //这个事件是监听播放曲目的进行时间的,至少每秒执行一次
    let currentTime=e.target.currentTime;
    this.setCurrentTime(currentTime)
    },
    ...mapMutations({
      setCurrentTime: "SET_CURRENT_TIME"      
    })
  }

}
// 兄弟页面
import {mapGetters} from "vuex";
<template>
  {{currentTime}}
</template>

export default{
  name:'xxx',
  computed:{
   ...mapGetters(['currentTime'])
  }

}

页面上的currentTime一直是state里的初始值0,难道说set值太快,就凉凉了吗

Thanks in advance.

阅读 3.9k
2 个回答

不会的,一般是写错了

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题