首页 > 其他分享 >vuex 基本代码规范 js 文件

vuex 基本代码规范 js 文件

时间:2022-10-18 09:13:02浏览次数:70  
标签:vuex 代码 setItem js state Vuex import data

import Vue from "vue";
import Vuex from "vuex";
import { setItem, getItem } from "@/utils/storage";
Vue.use(Vuex);

export default new Vuex.Store({
  state: {
    // 分类
    // allCate: [],
    user: getItem("USERTOKEN"),
  },
  getters: {},
  mutations: {
    setUserToken(state, data) {
      state.user = data;
      // 如果是简单数据不需要序列化 因此封装一个函数
      //   localStorage.setItem("USERTOKEN", JSON.stringify(data));
      setItem("USERTOKEN", data);
    },
  },
  //   在action中发起 axios?
  actions: {},
  modules: {},
});

ps:配合localStore 本地实现token的持久性和全局性存储 ;

标签:vuex,代码,setItem,js,state,Vuex,import,data
From: https://www.cnblogs.com/zhulongxu/p/16801435.html

相关文章

  • react.js+easyui 做一个简单的商品表
    效果图:    importReactfrom'react';import{Form,FormField,Layout,DataList,LayoutPanel,Panel,Label,CheckBox,TextBox,Tabs,TabPanel,DateBox,......
  • 覆盖浏览器默认样式CSS代码
    /*http://meyerweb.com/eric/tools/css/reset/  v2.0|20110126  License:none(publicdomain)*/html,body,div,span,applet,object,iframe,h1,h2......
  • 用js调试css 画出所有的css布局
    打开浏览器调试模式,在Console模式下复制下面代码执行[].forEach.call($$("*"),function(a){a.style.outline="1pxsolid#"+(~~(Math.random()*(1<<24))).toString(16)})......
  • 笔记:node.js的http模块
    教程来自b站黑马程序员https://www.bilibili.com/video/BV1a34y167AZ/?spm_id_from=333.1007.top_right_bar_window_custom_collection.content.click      ......
  • 代码随想录算法训练营第六天 | 242.有效的字母异位词 349. 两个数组的交集 202. 快
    时间问题,哈希表理论基础暂且按下不表,直接进入题目笔记。242.有效的字母异位词题目描述给定两个字符串s和t,编写一个函数来判断t是否是s的字母异位词。示例1:......
  • 解析目标检测全流程!附代码数据
    作者:王程伟,算法工程师在计算机视觉中,红外弱小目标检测是一个重要的方向,但直到近一两年,才开始运用一些深度学习的方法。深度学习自2012年就开始大火,为何近一两年才更多被应用......
  • 原生js中offsetTop, offsetLeft与offsetParent的详细讲解
    简单说下:offsetTopoffsetTop:为只读属性。返回的是一个数字。它返回当前元素相对于其offsetParent元素的顶部内边距的距离。它等价于offsetTop==>元素到offsetPare......
  • EMF代码生成
    介绍基于Eclipse的模型框架。它是EclipseMDA(ModelDrivenArchitecture)的一个重要组成部分,是Eclipse中许多项目的基础(e.g,GEF),EMF可以将模型转换成高效的,正确的,和易于......
  • 基于JSP的抑郁症科普交流网站-计算机毕业设计源码+LW文档
    摘 要本抑郁症科普交流网站设计目标是实现抑郁症科普的信息化管理,提高管理效率,使得抑郁症科普工作规范化、科学化、高效化。本文研究的抑郁症科普交流网站基于SSM架构,采......
  • 记一次代码合并操作.
    当前的项目开发中,使用的版本管理工具为GIT,这个工具也是很多公司在使用的工具。在以前接触过的项目中,经常使用的开发方式是使用一个主干进行开发,或者是使用一个分支进......