pinia (1) 基礎安裝與介紹

什麼是 pinia

pinia 是 vue 的集中式資料管理工具,當有資料需要在多個元件被使用時,可以將資料存在 store 裡再取用。
在每個元件裡,則可以使用 action 去改變 store裡的 state 資料狀態。

安裝pinia

在vue的專案裡,可以先下載 pinia

1
npm install pinia

然後在進入點 main.js 裡 引入

1
2
3
4
5
6
7
8
9
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')