后台管理系统的首页

最新推荐文章于 2022-11-17 23:02:03 发布

^O^晨峰^O^

最新推荐文章于 2022-11-17 23:02:03 发布

阅读量1.5k

点赞数

文章标签： vue 数据库 json

本文链接：https://blog.csdn.net/weixin_45425587/article/details/115189972

版权

本文介绍了在后台管理系统中，如何利用Vuex管理和初始化用户信息，结合 Axios 进行数据交互，并通过面包屑导航利用JSON本地存储来布局页面。详细步骤包括创建Vuex模块、引入和暴露数据、初始化用户属性、使用面包屑导航以及根据登录状态管理菜单。

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

如何从页面表单接收数据？
1.在store目录下的module的目录中新建文件user.js

在这里插入图片描述
2.从index.js文件中引入user.js

3.默认想外暴露对象数据，如下所示：

export default{
	// 存储数据状态的
	state:{
		user:{},`在这里插入代码片`
		token:false
	},
	//包含多个计算属性方法的对象
	getters:{
		
	},
	// 包含了多个直接更改state状态方法的对象
	mutations:{
		// 初始化用户信息
		initUser(state){
			let user = window.sessionStorage.getItem("user")
			if(user){
				state.user = JSON.parse(user)
				state.token AAAAAAA= state.user.token
			}
		},
		// 登录
		login(state,data){
			// 保存登录信息
			state.user = data
			state.token = data.token
			// 存储到本地存储
			window.sessionStorage.setItem('user',JSON.stringify(state.user))
			window.sessionStorage.setItem('token',JSON.strin