Pinia状态管理库的基本使用

什么是pinia?

Pinia 是 Vue 的存储库，它允许您跨组件/页面共享状态。是vuex的同类产品也是vue3官方推荐的默认全局状态管理包！

弄懂什么是“全局状态”？

发挥一下阅读理解能力，我们完全可以从他的字面意思去理解，无需想的过于复杂，全局状态应该说的就是某一组数据或某一个数据的变化是不属于某一个具体的组件，而是属于全局层面的，再进一步的理解其实就是每个组件都可以访问到改数据并且可以修改该数据，应用到全局，也就是组件共享数据！

我什么时候应该使用 “全局状态” Store？

通过上边的理解，回到业务当中，我们可以发现在我们的博客当中导航菜单数据就是在所有页面都要出现的组件，那么，导航菜单的数据就可以使用pinia来进行管理！当然这只是我们业务当中的一个具体的应用，在更复杂的项目当中包括全局的风格管理、中英文切换、用户的基本信息等数据都可以用到store进行管理~！

安装使用

官方文档：Pinia | Pinia

在使用vite创建项目的时候我们已经默认安装了pinia包，可以在main.js中看到已经注册并应用了该包！

import { createPinia } from 'pinia'

app.use(createPinia())

src目录下也有一个stores的目录，该目录下有个coun