国产无码综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

<address id="rrfai"></address>

<address id="rrfai"><form id="rrfai"></form></address>

<track id="rrfai"><label id="rrfai"></label></track>

uniapp項(xiàng)目實(shí)戰(zhàn)第五章：小程序Pinia持久化

2年前作者：極客李華分類：Toy博客閱讀(22)違法舉報(bào)

這篇具有很好參考價(jià)值的文章主要介紹了uniapp項(xiàng)目實(shí)戰(zhàn)第五章：小程序Pinia持久化。希望對(duì)大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方，請(qǐng)大家不吝賜教，您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問(wèn)。

小程序Pinia持久化

說(shuō)明：項(xiàng)目中 Pinia 用法平時(shí)完全一致，主要解決持久化插件兼容性問(wèn)題。

持久化存儲(chǔ)插件

持久化存儲(chǔ)插件： pinia-plugin-persistedstate

插件默認(rèn)使用 localStorage 實(shí)現(xiàn)持久化，小程序端不兼容，需要替換持久化 API。

網(wǎng)頁(yè)端持久化 API

// 網(wǎng)頁(yè)端API
localStorage.setItem()
localStorage.getItem()

多端持久化 API

// 兼容多端API
uni.setStorageSync()
uni.getStorageSync()

參考代碼
uniapp項(xiàng)目實(shí)戰(zhàn)第五章：小程序Pinia持久化,uni-app學(xué)習(xí)之旅,uni-app,小程序

// stores/modules/member.ts
export const useMemberStore = defineStore(
  'member',
  () => {
    //…省略
  },
  {
    // 配置持久化
    persist: {
      // 調(diào)整為兼容多端的API
      storage: {
        setItem(key, value) {
          uni.setStorageSync(key, value) // [!code warning]
        },
        getItem(key) {
          return uni.getStorageSync(key) // [!code warning]
        },
      },
    },
  },
)

現(xiàn)在可以持續(xù)化了

uniapp項(xiàng)目實(shí)戰(zhàn)第五章：小程序Pinia持久化,uni-app學(xué)習(xí)之旅,uni-app,小程序文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-789838.html

到了這里，關(guān)于uniapp項(xiàng)目實(shí)戰(zhàn)第五章：小程序Pinia持久化的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！

本文來(lái)自互聯(lián)網(wǎng)用戶投稿，該文觀點(diǎn)僅代表作者本人，不代表本站立場(chǎng)。本站僅提供信息存儲(chǔ)空間服務(wù)，不擁有所有權(quán)，不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載，請(qǐng)注明出處：如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符，請(qǐng)點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋，一經(jīng)查實(shí)，立即刪除！

分享到：

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

項(xiàng)目實(shí)戰(zhàn) — 消息隊(duì)列（4）{消息持久化}
目錄 ?一、消息存儲(chǔ)格式設(shè)計(jì) ? ? ? ??? 1、queue_data.txt：保存消息的內(nèi)容 ? ? ? ? ?? 2、queue_stat.txt：保存消息的統(tǒng)計(jì)信息二、消息序列化三、自定義異常類四、創(chuàng)建MessageFileManger類 ?? 1、約定消息文件所在的目錄和文件名字 ??? 2、隊(duì)列的統(tǒng)計(jì)信息 ?? 3、創(chuàng)建隊(duì)列對(duì)應(yīng)
2024年02月14日
瀏覽(21)
【Vue】pinia 數(shù)據(jù)持久化插件 pinia-plugin-persistedstate 使用
刷新瀏覽器后，重新加載頁(yè)面時(shí)會(huì)重新初始化 vue、 pinia，而 pinia 中狀態(tài)的值僅在內(nèi)存中存在，而刷新導(dǎo)致瀏覽器存儲(chǔ)中的數(shù)據(jù)就沒(méi)了。在實(shí)際開(kāi)發(fā)中，瀏覽器刷新時(shí)，有些數(shù)據(jù)希望是保存下來(lái)的。如用戶登錄后，用戶信息會(huì)存儲(chǔ)在全局狀態(tài)中，如果不持久化狀態(tài)，那么每次
2024年02月07日
瀏覽(25)
pinia數(shù)據(jù)持久化，解決刷新state數(shù)據(jù)丟失
下載插件插件 pinia-plugin-persist 可以輔助實(shí)現(xiàn)數(shù)據(jù)持久化功能。安裝插件在入口文件main.js中配置數(shù)據(jù)持久化數(shù)據(jù)已經(jīng)存儲(chǔ)到了本地
2024年02月11日
瀏覽(27)
快速搞懂Pinia及數(shù)據(jù)持久化存儲(chǔ)(詳細(xì)教程)
一.安裝及使用Pinia 1.安裝Pinia兩種方式都可，根據(jù)個(gè)人習(xí)慣來(lái) 2.在main.ts 中引入并掛載到根實(shí)例 3.src目錄下新建store/study/index.js并寫入 Store 是用defineStore()定義的，它的第一個(gè)參數(shù)是一個(gè)獨(dú)一無(wú)二的id，也是必須傳入的，Pinia 將用它來(lái)連接 store 和 devtools。 defineStore()第二個(gè)參數(shù)可
2023年04月15日
瀏覽(27)
vue3使用pinia和pinia-plugin-persist做持久化存儲(chǔ)
插件和版本 src/store/home.js（可直接復(fù)制）參考文章1 參考2 參考3
2024年02月13日
瀏覽(53)
Vue3狀態(tài)管理庫(kù)Pinia——自定義持久化插件
個(gè)人簡(jiǎn)介 ?? 個(gè)人主頁(yè)：前端雜貨鋪 ???♂? 學(xué)習(xí)方向：主攻前端方向，正逐漸往全干發(fā)展 ?? 個(gè)人狀態(tài)：研發(fā)工程師，現(xiàn)效力于中國(guó)工業(yè)軟件事業(yè) ?? 人生格言：積跬步至千里，積小流成江海 ?? 推薦學(xué)習(xí)：??前端面試寶典 ??Vue2 ??Vue3 ??Vue2/3項(xiàng)目實(shí)戰(zhàn) ??Node.js??
2024年02月13日
瀏覽(30)
前端開(kāi)發(fā)小技巧 - 【Vue3 + TS】 - 在 TS + Vue3 中使用 Pinia，實(shí)現(xiàn) Pinia 的持久化，優(yōu)化Pinia（倉(cāng)庫(kù)統(tǒng)一管理）
ts 中使用 pinia 和 Vue3 基本一致，唯一的不同點(diǎn)在于，需要根據(jù)接口文檔給 state 標(biāo)注類型，也要給 actions 標(biāo)注類型；以下都是組合式API 的寫法，選項(xiàng)式API 的寫法大家可以去官網(wǎng)看看； Pinia；持久化插件 - pinia-plugin-persistedstate；目標(biāo)文件： src/types/user.d.ts （這里以 user.d.t
2024年04月09日
瀏覽(31)
從零開(kāi)始Vue3+Element Plus后臺(tái)管理系統(tǒng)(六)——狀態(tài)管理Pinia和持久化
官網(wǎng)：https://pinia.vuejs.org/zh/ Pinia 是 Vue 的專屬狀態(tài)管理庫(kù)，相比Vuex更好用，優(yōu)點(diǎn)不多了說(shuō)官網(wǎng)有，用起來(lái)最重要！在應(yīng)用的根部注入創(chuàng)建的 pinia 定義store，拿用戶登錄舉個(gè)簡(jiǎn)單例子在src目錄新建文件夾store，然后新建文件user.ts 在Vue頁(yè)面中使用Pinia 如果我們把登錄用戶的信息
2024年02月05日
瀏覽(50)
uniapp中使用vuex并持久化
目錄文章目錄準(zhǔn)備一、插件實(shí)現(xiàn) 1.安裝插件 ?2.index.js配置： 3.獲取持久化數(shù)據(jù)（比如登錄頁(yè)）： 4.使用state（比如個(gè)人主頁(yè)）：二、本地存儲(chǔ)實(shí)現(xiàn) 總結(jié) 根目錄下創(chuàng)建store文件夾，內(nèi)部創(chuàng)建index.js 地址：vuex-persistedstate - npm 代碼如下（示例）：插件的api說(shuō)明： key: 存儲(chǔ)持久
2024年02月09日
瀏覽(18)
【RabbitMQ 實(shí)戰(zhàn)】10 消息持久化和存儲(chǔ)原理
rabbitmq的持久化分為三個(gè)部分：交換器的持久化。隊(duì)列的持久化。消息的持久化。 1.1.1 交換器持久化交換器的持久化是通過(guò)在聲明交換器時(shí)，指定Durability參數(shù)為durable實(shí)現(xiàn)的。若交換器不設(shè)置持久化，在rabbitmq服務(wù)重啟之后，相關(guān)的交換器元數(shù)據(jù)會(huì)丟失，但消息不會(huì)丟失，
2024年02月07日
瀏覽(21)