搜索文档
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 (如 Pinia) 是一个保存状态和业务逻辑的实体,它并不与你的组件树绑定。换句话说,它承载着全局状态。它有点像一个永远存在的组件,每个组件都可以读取和写入它。它有三个概念,state、getter 和 action,我们可以假设这些概念相当于组件中的 data、 computed 和 methods。
state
getter
action
data
computed
methods