vue的pinia环境搭建

一、 pinia是什么？

Pinia是Vue的新一代轻量级状态管理库，它允许您跨组件/页面共享状态。Pinia由Vue.js官方成员重新设计，旨在提供更直观、更易于学习的状态管理解决方案。

Pinia的主要特点包括：

1. 对Vue2和Vue3提供良好的支持，使得老项目也可以使用Pinia。
2. 抛弃了Mutations的操作，只有state、getters和actions。
3. Pinia符合直觉，易于学习，比Vuex更容易上手。
4. Pinia是轻量级状态管理工具，大小只有1KB。
5. Pinia模块化设计，方便拆分。
6. Pinia支持多个store。

二、搭建pinia环境

在控制台输入：

npm i pinia

项目入口文件main.ts:

//引入createApp用于创建应用
import { createApp } from 'vue'
//引入App根组件
import App from './App.vue'
//第一步：引入pinia
import {createPinia} from 'pinia'
const app=createApp(App)
//第二步：创建pinia
const pinia=createPinia()
//第三步：安装pinia
app.use(pinia)
app.mount('#app')

已经完成pinia环境的搭建：