概念

• pinia核心概念

• state: 狀態(tài)

• actions: 修改狀態(tài)（包括同步和異步，pinia中沒有mutations）

• getters: 計算屬性

• 為什么使用pinia

• pinia和vuex4一樣，也是vue官方的狀態(tài)管理工具

• pinia相比vuex4，對于vue3的兼容性更好

• pinia相比vuex4，具備完善的類型推薦

• pinia 的 API 設計非常接近 Vuex 5 的提案

安裝

yarn add pinia

或

npm i pinia

掛載

• 在main.js文件中掛載pinia

新建文件

• 在src/store文件夾中創(chuàng)建index.js文件

• state 相當于 data

• actions 相當于 methods

• getters 相當于 computed

使用

• 在組件中使用pinia

actions

• 不管是同步還是異步的代碼，都可以在actions中完成

• 在組件中使用

getters

• pinia中的getters和vuex中的基本是一樣的，也帶有緩存的功能

• 在getters中提供計算屬性

• 在組件中使用