vue使用pinia存储数据并保持数据持久化

目录

1.安装Pinia：

2.创建Pinia Store：

3.在Vue组件中使用Store：

4.持久化数据：

---

在Vue中使用Pinia存储数据并保持数据持久化，你可以遵循以下步骤：

1.安装Pinia：

首先，你需要安装Pinia。可以通过npm或yarn来安装它。在终端中运行以下命令：

npm install pinia
 
# 或者使用yarn
yarn add pinia

2.创建Pinia Store：

接下来，创建一个Pinia store，该store将用于存储和管理应用程序的数据。你可以在src/store目录下创建一个新的文件来定义你的store。例如，创建一个名为counter.ts的文件，并在其中编写以下代码：

import { defineStore } from 'pinia';
 
export const useCounterStore = defineStore('counter', {
  state: () => ({
    count: 0,
  }),
  actions: {
    increment() {
      this.count++;