1. 外部js调用pinia时,解决报错getActivePinia was called with no active Pinia. Did you forget to install pinia？(1). 原因:①. pinia在main.ts中还未注册好,便在它他文件中使用了它(2). 解决方案:// 在store目录中单独创建一个index.ts
import { createPinia
原创
2023-12-07 23:47:01
161阅读
简介pinia是最新一代的轻量级状态管理插。优点：简便，存储和组件变得很类似，你可以轻松写出优雅的存储。=类型安全，通过类型推断，可以提供自动完成的功能。=vuedevtools支持，可以方便进行调试。=Pinia支持扩展，可以非常方便地通过本地存储，事物等进行扩展。模块化设计，通过构建多个存储模块，可以让程序自动拆分它们。非常轻巧，只有大约1kb的大小。服务器端渲染支持。完整的ts的支持；去除m
原创
2022-08-07 22:35:24
5500阅读
前言大家好 我是歌谣 今天给大家带来Pinia的讲解安装vite程序yarn create vitemain.tsimport { createApp } from 'vue'
import './style.css'
import {createPinia} from "pinia"
import App from './App.vue'
const pinia=createPinia()
cr
原创
2023-10-17 10:05:26
134阅读
# 使用 Pinia 和 TypeScript 实现状态管理的入门指导
随着前端开发的演变，状态管理在现代应用开发中越来越重要。Pinia 是 Vue 3 应用的状态管理库，它比 Vuex 更加简单且功能强大。另一方面，TypeScript 是一种强类型语言，能够提供良好的开发体验与代码安全性。本文将详细介绍如何在 Vue 3 项目中使用 Pinia 和 TypeScript 实现状态管理。
pinia 和 vuex 都有一个通病 页面刷新状态会丢失我们可以写一个pinia 插件缓哩哔哩_bilibili
原创
2023-01-17 17:05:08
159阅读
前言 大家好 我是歌谣 今天给大家带来Pinia的讲解 安装vite程序 yarn create vite main.ts import { createApp } from 'vue'
原创
2023-11-20 09:46:59
180阅读
前言大家好 我是歌谣 今天给大家带来Pinia的讲解安装vite程序yarn create vitemain.tsimport { createApp } from 'vue'import './style.c
转载
2023-10-28 05:34:11
79阅读
前言Pinia.js 有如下特点：完整的 typescript 的支持； 足够轻量，压缩后的体积只有1.6kb; 去除 mutations，只有 state，getters，actions； actions 支持同步和异步； 没有模块嵌套，只有 store 的概念，store 之间可以自由使用，更好的代码分割； 无需手动添加 store，store 一旦创建便会自动添加；...
原创
2023-01-17 13:05:12
314阅读
pinia的模块划分是通过js命名来划分的。示例：第一步：拆分store文件store/index.tstsimport{createPinia}from"pinia"conststore=createPinia()exportdefaultstorestore/user.tstsimport{defineStore}from"pinia"exportconstuseUserStore=defin
原创
精选
2022-08-06 20:40:18
1355阅读
Pinia 是什么? Pinia 是一个用于 Vue 的状态管理库，类似 Vuex, 是 Vue 的另一种状态管理方案Pinia 支持 Vue2
原创
2022-06-20 17:32:47
103阅读
Pinia学习笔记 环境配置 $ yarn create vite//创建vue+ts项目 $ yarn add pinia 基本使用 import { createApp } from 'vue' import App from './App.vue' import { createPinia }
原创
2022-10-21 13:59:05
212阅读
数据仓库已经问世二十多年了，已经成为信息技术基础设施的基本组成部分。一开始的时候，经常陷入什么是数据仓库或什么不是数据仓库这样的混乱或疑惑。后来在实践和查阅资料的过程中，逐渐觉得数据仓库的出现时为了满足对信息而不是对数据的企业需求，是一个能够为企业提供整合的、粒度的、历史的数据的结构。当前对数据仓库有多种不同的解释和实现方式。例如，有联合数据仓库、主动数据仓库、星型模式数据仓库、数据集市
准备工作第一步：安装pinianpminstallpiniasave第二步：新建store目录,创建index.tstsimport{createPinia}from"pinia"conststore=createPinia()exportdefaultstore第三步：main.ts中使用storetsimport{createApp}from'vue'importstorefrom'@/sto
原创
2022-08-06 20:41:40
2087阅读
2022.2.18, 新建一个vue3的项目，过程如下：目录结构如下：当还在犹豫选择webpack还是vite，vuex或者pinia的时候，尤大
原创
2022-09-01 15:34:51
70阅读
在Vue开发中，状态管理是一个非常重要的环节，它可以帮助我们更好地管理和共享组件之间的数据。而Pinia作为一个全新的状态管理库，相较于Vuex更为简洁、易用，同时对TypeScript有更好的支持。
首先，让我们来看一下实现“vue 状态管理 pinia”的整个流程：
| 步骤 | 操作 |
|:----:|:-----|
| 1 | 安装Pinia |
| 2 | 创建Pinia Stor
2022.2.18, 新建一个vue3的项目，过程如下： 目录结构如下： 当还在犹豫选择webpack还是vite，vuex或者pinia的时候...
原创
2022-03-10 10:35:38
242阅读
当然了，同步和异步的方法都可以直接写在仓库中，因为pinia中没有mutation，所以一个action中可以书写同步和异
