vue3状态管理工具pinia

vue3状态管理工具pinia

什么是pinia?
pinia 是Vue的最新状态管理工具，是Vuex的替代品；

好处：

• 1、提供了更为简单的API（去掉了mutation ）
• 2、提供符合组合式风格的API（和Vue3新语法统一）
• 3、去挑了modules 的概念，每一个store都是一个独立的模块；
• 4、配合 typeScript 更加友好，提供可靠的类型判断；

1、安装pinia

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

配置

• 引入import { createPinia } from 'pinia'
• 创建实例const pinia = createPinia()
• Vue插件使用app.use(pinia)

import { createApp } from 'vue'
import { createPinia } from 'pinia'
import App from './App.vue'

const pinia = createPinia()
const app = createApp(App)

app.use(pinia)
app.mount('#app')

2、创建一个store仓库

【注意】
需要使用de