uniapp的Vuex使用

最新推荐文章于 2024-07-26 15:29:09 发布

Zhouchangyue

最新推荐文章于 2024-07-26 15:29:09 发布

阅读量1.1k

点赞数

本文链接：https://blog.csdn.net/Zhouchangyue/article/details/105295397

版权

本文介绍了uniapp中如何使用Vuex进行状态管理。首先在项目根目录创建store文件夹和index.js，然后引入vue和vuex。接着在main.js中注册Vuex。在页面中通过import导入并使用Vuex的state和mutations。在登陆页面，监控全局状态，成功登录后更新Vuex存储。最后强调uni-app已内置Vuex，遵循这些步骤即可实现状态共享。

摘要由CSDN通过智能技术生成

uniapp的Vuex使用

一、在项目的根目录下新建一个store文件夹，然后在文件夹下新建一个index.js文件
在这里插入图片描述
二、在新建的index.js下引入vue和vuex，具体如下：

//引入vue和vuex
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)

const store = new Vuex.Store({
   //全局变量定义
    state: {
   
        forcedLogin: false,//是否需要强制登录
        hasLogin: false,
        userName: "",
        userId:'',
        token:'',
        pointId:'',
    },
    mutations