uni-app菜鸟教程,uniapp教程
方法：1。在项目的根目录下新建一个store目录，并在该目录下创建“index.js”文件；2.介绍vue和vuex在“index.js”下；3.Vuex山；在“main.js”中；4.在“pages/index/index.vue”中使用vuex即可。
UNI-APP开发(仿饿)开发课程：进入学习
本教程运行环境：windows7系统，Vue 2.9.6 Uni-App版本2.5.1，DELL G3电脑。
uni-app中使用vuex的方法：
Vuex内置在uni-app中，我们只需要引用它。
1.在uni-app项目的根目录下新建一个store目录，在store目录下创建index.js。
2.vue和vuex在新创建的index.js下介绍如下：
//介绍vue和vuex
从“vue”导入Vue
从“vuex”导入Vuex
Vue.use(Vuex)
Const store=new Vuex。Store({//全局变量定义
状态：{
ForcedLogin: false，//是否需要强制登录？
hasLogin: false，
用户名： ，
用户Id: ，
令牌：，
点Id: ，
},
突变：{
登录(状态，用户){
state . username=user . username ；
state.hasLogin=true
state . userid=user . id ；
state . token=user . token “”；
state . pointid=user . pointid ；
},
注销(状态){
state . username=“”；
state.hasLogin=false
state . userid=“”；
state . token=“”；
state . pointid=“”；
}
}
})
导出默认存储3。Vuex需要安装在main.js上
从导入存储。/商店
Vue。原型。$ store=这个js文件中，商店想要定义的变量和方法，可以在每个页面上使用和生效。需要先导入这个js文件，并声明项目目录下main.js文件中的方法，如下图所示：
4.在pages/index/index.vue中使用。
先在页面上导入vuex的方法
然后，在computed计算属性方法中使用mapState来监控全局变量。
一进入index.vue页面，加载onload()页面时，判断是否处于登录状态。如果没有，将弹出一个对话框，提示“登录操作”
登录页面
首先在页面上导入vuex的方法如下：
MapState用于监视计算属性方法中的全局变量，mapMutations用于监视方法中的全局方法，如下所示：
网络请求成功后，在回调函数success中调用该方法，回调函数的返回值数据传递给login方法。
然后store/index.js文件中的login方法会将传递的用户数据保存在vuex中。
扩展
你可以用“这个”。$store.state.token 获取vue文件中的值，如令牌。
在js文件中使用
1.导入商店自././store 首先被引用。
2.store.state.token的值
有关编程的更多信息，请访问：编程视频！以上就是如何在uni-app中使用vuex的细节。更多请关注我们的其他相关文章！
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。