Vue——监听vuex数据

贝塔贝卡贝

于 2022-05-17 22:29:37 发布

阅读量996

点赞数

CC 4.0 BY-SA版权

文章标签： vue.js 前端

本文链接：https://blog.youkuaiyun.com/Kiruthika/article/details/124831782

本文探讨了Vue应用中使用Vuex进行状态管理的情况，具体展示了如何在`Dashboard.vue`组件中监听并响应`store/index.js`中全局`drawerStatus`状态的变化，实现组件内部`drawer`状态的同步更新，从而确保UI与全局状态的一致性。

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

store/index.js

state{
  drawerStatus: true,
}

Dashboard.vue

data() {
  return {
    drawer: true,
  };
},
watch: {
  "$store.state.drawerStatus"() {
    this.drawer = this.$store.state.drawerStatus;
  }
}