vuex使用之同步用户信息

Vuex在小项目中的简易使用

最新推荐文章于 2025-10-13 11:25:58 发布

转载最新推荐文章于 2025-10-13 11:25:58 发布 · 1.2k 阅读

文章标签：

#vuex #vue

个人笔记专栏收录该内容

19 篇文章

订阅专栏

本文分享了在小型项目中使用Vuex的实践经验，虽然小项目通常不需要复杂的状态管理，但Vuex能带来简单且高效的解决方案。文章详细介绍了如何在config/store.js中定义状态和变异，并展示了在组件中如何读取和更新数据。

讲道理小项目是不应该用vuex的，但是用着确实爽，即简单又省心省力。由于我总是忘记它的方法名，所以在这里贴下代码，方便以后随时cv。

//config/store.js
const store = new Vuex.Store({
    state: {
        user: {}
    },
    mutations：{
        updateUser(state, data){
            state.user = data;
        }
    }
})
//在组件中使用
computed: {
    user() {
        return this.$store.state.user;
    }
}```



//在需要的时候更新数据
this.$store.commit("updateUser", user);


转载自https://juejin.im/post/5c0490ef51882524cb6f5652