2--store.js vuex

最新推荐文章于 2024-08-18 14:11:35 发布

小芹儿

最新推荐文章于 2024-08-18 14:11:35 发布

阅读量368

点赞数 1

分类专栏： uniapp部分

本文链接：https://blog.csdn.net/xu_ze_qin/article/details/107773685

版权

Vuex是Vue.js应用的状态管理模式，用于解决组件间共享状态的问题。当多个视图依赖同一状态或者需要变更同一状态时，Vuex提供了解决方案。它通过store.state获取状态，使用store.commit触发状态变更，所有状态变更必须通过提交mutation进行，以确保状态变化的可追踪性。mutation由type和handler组成，handler中进行实际状态更新，通过store.commit调用并传递可能的载荷。

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

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。
但是，当我们的应用遇到多个组件共享状态时，单向数据流的简洁性很容易被破坏：
多个视图依赖于同一状态。
来自不同视图的行为需要变更同一状态。比如token，登录后共享token，改变haslogin登录状态。

import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
const store = new Vuex.Store({
   
	state: {
   
		hasLogin: false,
		token: '',
		myinfo: {
   },
		unitid:''
	},
	mutations: {
   
		// 登录成功
		login: function(state, token) {
   
			state.hasLogin = true
			state.token = token
		},
		// setToken:function(state,token){
   
		// 	state.token =token
		// },
		// 保存个人信息,obj是一个对象
		setMyinfo: function(state, obj) {
   
			// 合并对象 两种
			// state.myinfo