在vue3中使用pinia简要文档
发布网友
发布时间:2024-10-20 19:33
我来回答
共1个回答
热心网友
时间:5小时前
在 Vue3 中使用 Pinia
针对版本 2.2.4 的官方文档可能不够直观,以下是一些常见 API 的记录。在安装完 Pinia 后,若遇到 "The requested module vue-demi does not provide an export named 'hasInjectionContext'" 的错误,需将 Vue 更新到 3.3.0 版本。
接入 main.ts,确保在 src/store 目录下定义 loginStore.ts 文件,并在 src/store/index.ts 中统一导出 state。在 HellowWorld.vue 组件中,使用 storeToRefs 提取属性并保持其响应式。直接使用 $patch 修改 state,$state 替换,$reset 重置,$subscribe 监听变化。当组件被卸载时,Pinia 会自动删除相关数据。
Getter 功能允许从 state 中计算出新值,但无法向定义的 getter 传递参数。然而,可以返回一个函数,该函数接受参数并返回计算结果。
在处理 actions 时,返回的函数可用于移除订阅,实现对状态的管理操作。