首页 > 其他分享 >Vue3| Pinia 持久化插件

Vue3| Pinia 持久化插件

时间:2023-10-14 19:55:19浏览次数:42  
标签:插件 持久 Pinia use pinia Vue3 piniaPluginPersistedstate

对 vuex 或 Pinia 里面的内容做本地持久化

1. 安装插件: npm i pinia-plugin-persistedstate

2. 将插件添加到 pinia 实例上

① main.js 里导入持久化插件:import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'

② app.use(pinia.use(piniaPluginPersistedstate))

3. .js 文件里,第三个参数的位置:

export const useChannelStore = defineStore('channel', () => {   }, {     piniaPluginPersistedstate: true })

标签:插件,持久,Pinia,use,pinia,Vue3,piniaPluginPersistedstate
From: https://www.cnblogs.com/gagaya2/p/17764626.html

相关文章

  • Vue3| Pinia 的 action 异步写法
    import{defineStore}from'pinia'import{ref}from'vue'importaxiosfrom'axios'exportconstuseChannelStore=defineStore('channel',()=>{  constchannelList=ref([])  constgetList=()=>......
  • Vue3| Pinia 的语法
    Pinia是Vue的最新状态管理工具,是Vuex的替代品Pinia的优势:1.提供更简单的API(去掉了mutation)2.提供符合组合式风格的API(和Vue3新语法统一)3.去掉了modules的概念,每一个store都是一个独立的模块4.配合TypeScript更加友好,提供可靠的类型推断 Pinia基本......
  • IntelliJ IDEA 2023.2社区版插件汇总
    参考插件帝:https://gitee.com/zhengqingya/idea-config/IDEA插件市场:https://plugins.jetbrains.com/突发小技巧:使用插件时要注意插件的版本兼容性,并根据自己的实际需求选择合适的插件。同时,不要过度依赖插件,保持简洁和高效的开发环境才是最重要的。@目录1.SmartTomc......
  • Vue3| 组合式 API——provide 和 inject
    作用和场景:顶层组件向任意的底层组件传递数据和方法,实现跨层组件通信 跨层传递普通数据步骤:1.顶层组件通过provide函数提供数据provide('key', 顶层组件中的数据) 2.底层组件通过inject函数获取数据const message=inject('key')   //'k......
  • c#应用篇之二大漠插件
    大漠插件是自动化脚本插件,在按键精灵和易语言里面用得很多,可以应用在找图、找字、按键等等。大漠插件是可以用在C#里的调用的。[MOCHACFG]NHErR0x4MnpsdkhxSTk4V1dzbjJwWi8yc2R2em1pOWZlYXlZRkl6RkpzSjB1cmwzS0MzaGdFcEhwN1gzckFmN0hsbmVRSVdLL0R0Qkw3K3dpZFl4ampZVDM3Y3RWZ3ByaU......
  • Vue3| 模板引用、defineExpose宏函数
    模板引用的概念:通过ref标识获取真实的dom对象或者组件实例对象 使用:1.调用ref函数生成一个ref对象<script setup>import {ref} from 'vue'const h1Ref=ref(null)</script>2.通过ref标识绑定ref对象到标签<script setup>import {ref......
  • Vue3| 组合式 API 下的 子传父
    步骤:1.子组件内部通过emit方法触发事件①通过defineEmits编译器宏生成emit方法<script setup>const emit= defineEmits(['get-message'])  //get-message:可以触发的事件</script>②触发自定义事件,并传递参数<script setup>const emit= define......
  • Vue3| 组合式 API 下的父传子
    步骤:一、父给子传写死的值1.父组件中给子组件以添加属性的方式传值<script setup>import sonComVue from './son-com.vue'  //局部注册</script> <template><sonComVue message="黑马程序员"></sonComVue></template>2.子组件内部通过pro......
  • 1.5 为x64dbg编写插件
    任何一个成熟的软件都会具有可扩展性,可扩展性是现代软件的一个重要特征,因为它使软件更易于维护和适应变化的需求,x64dbg也不例外其可通过开发插件的方式扩展其自身功能,x64dbg提供了多种插件接口,包括脚本插件、DLL插件、Python插件和.NET插件等。此外,x64dbg还支持用户自定义命令和快......
  • Vue3| 组合式API——computed 计算属性函数
    计算属性基本思想和Vue2的完全一致,组合式API下的计算属性只是修改了写法 核心步骤:1.导入computed函数<scriptsetup>import{computed}from'vue'</script>2.执行函数在回调参数中return基于响应式数据做计算的值,用变量接收<scriptsetup>import{com......