29--store.js vuex状态管理模式

最新推荐文章于 2023-03-29 15:12:32 发布

小芹儿

最新推荐文章于 2023-03-29 15:12:32 发布

阅读量192

点赞数

分类专栏： Vue部分

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

版权

Vuex 是Vue.js应用的状态管理工具，用于解决组件间共享状态问题。它通过store实例提供状态访问和变更方法，如store.state获取状态，store.commit提交mutation来变更状态。Mutation必须通过store.commit触发，遵循事件模式，包含type和handler。载荷通常为对象，用于传递数据。

摘要由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