Code Betterpinia
环境搭建
sh
npm install pinia1
ts
import {createApp} from 'vue'
// 引入pinia
import {createPinia} from 'pinia'
import App from './App.vue'
const app = createApp(App)
// 创建一个 pinia 实例 (根 store) 并将其传递给应用
const pinia = createPinia()
app.use(pinia)
app.mount('#app')1
2
3
4
5
6
7
8
9
10
11
12
2
3
4
5
6
7
8
9
10
11
12
Store是什么
Store (如 Pinia) 是一个保存状态和业务逻辑的实体，它并不与你的组件树绑定。换句话说，它承载着全局状态。它有点像一个永远存在的组件，每个组件都可以读取和写入它。它有三个概念，state、getter 和 action，我们可以假设这些概念相当于组件中的 data、 computed 和 methods。