免费国产欧美国日产_少妇AV一区二区三区无码_蜜桃精品av无码喷奶水小说_jk18禁网站视频_精产国品一二三级产品区别_被夫の上司に犯波多野结衣_78m成人手机免费看_最爽最刺激18禁视频_偷偷色噜狠狠狠狠的777米奇

易優(yōu)GEO 重磅上線 ~ 一站式GEO優(yōu)化工具,讓豆包、文心一言、DeepSeek 在回答中主動推薦你的品牌,搶占AI流量入口!  點擊查看

幫助

數(shù)據(jù)持久化:Vue Vuex中的實現(xiàn)方法

2024-01-08 08:53 技術(shù)文檔

在Vue中使用Vuex進行狀態(tài)管理時,如果需要將某些數(shù)據(jù)進行持久化處理,可以使用localStorage來存儲和獲取數(shù)據(jù)。下面是一個示例:

首先,在src/utils文件夾下創(chuàng)建storage.js文件,用于封裝localStorage的操作:

// 約定一個通用的鍵名
const INFO_KEY = 'hm_shopping_info'

// 獲取個人信息
export const getInfo = () => {
  const defaultObj = { token: '', userId: '' }
  const result = localStorage.getItem(INFO_KEY)
  return result ? JSON.parse(result) : defaultObj
}

// 設(shè)置個人信息
export const setInfo = (obj) => {
  localStorage.setItem(INFO_KEY, JSON.stringify(obj))
}

// 移除個人信息
export const removeInfo = () => {
  localStorage.removeItem(INFO_KEY)
}

然后,在store中的JavaScript文件中導(dǎo)入并調(diào)用這些方法:

import { getInfo, setInfo } from '@/utils/storage'

// 通過getInfo方法獲取持久化的個人信息
const info = getInfo()

// 在需要的地方使用setInfo方法進行持久化存儲
setInfo({ token: 'xxxx', userId: 'xxxx' })

通過調(diào)用getInfo方法,可以獲取之前存儲的個人信息。而通過調(diào)用setInfo方法,可以將新的個人信息進行持久化存儲。

請注意,這只是一個簡單的示例,你可以根據(jù)自己的需求進行適當(dāng)?shù)男薷暮蛿U展。



相關(guān)推薦

在線客服