pinia

环境搭建

1npm install pinia
1import {createApp} from 'vue'
2// 引入pinia // [!code ++]
3import {createPinia} from 'pinia' // [!code ++]
4import App from './App.vue'
5
6const app = createApp(App)
7
8// 创建一个 pinia 实例 (根 store) 并将其传递给应用 // [!code ++]
9const pinia = createPinia() // [!code ++]
10app.use(pinia) // [!code ++]
11
12app.mount('#app')

:::

Store是什么

Store (如 Pinia) 是一个保存状态和业务逻辑的实体,它并不与你的组件树绑定。换句话说,它承载着全局状态。它有点像一个永远存在的组件,每个组件都可以读取和写入它。它有三个概念stategetteraction,我们可以假设这些概念相当于组件中的 datacomputedmethods