11.Vue3的必备技能点（十）: Pina状态管理工具

一、Pinia状态管理工具；

1、什么是Pinia？

• Pinia 是 Vue 的专属状态管理库，它允许你跨组件或页面共享状态；

2、Pinia有哪些功能？

• DevTools的支持：

        追踪actions、mutations的时间线；

        在组件中展示它们使用到的store等；

• 热更新：

        不必重载页面，即可以修改store；

        开发时可以保持当前的state；

• 支持服务端渲染、支持Typescript语法；

3、Pinia的简单案例使用；

// 一、创建一个store
import { defineStore } from 'pinia'

export const useCounterStore = defineStore('counter', {
  // 01.state 相当于 data  
  state: () => {