>[success] # Pinia -- 狀態管理 1. 在`vuex `時候因為想讓提供數據是響應式的，因此 我們使用了`vuex `而非直接使用導出一個普通對象進行維護全局這種共享數據或者是跨組件傳遞數據，隨著vue3.x 出現支持了`Composition Api` 完全可以使用 `reactive` 函數將對象變成響應式的數據提供給全局使用 2. 上述這種使用會產生一個問題如果它是服務器端呈現的，**會使您的應用程序暴露于安全漏洞** 因此出現了`Pinia`，將 Pinia 與[Nuxt.js](https://nuxtjs.org/)一起使用更容易，因為 Nuxt 在\_服務器端渲染\_方面處理了很多事情。 例如，**您不需要關心序列化或 XSS 攻擊**。 3. Pinia本質上依然是一個**狀態管理的庫，用于跨組件、頁面進行狀態共享**（這點和Vuex、Redux一樣）； >[danger] ##### `Pinia` 由來 `Pinia`開始于大概2019年，最初是作為一個實驗為Vue重新設計狀態管理，**讓它用起來像組合式API（Composition API）**，并且目前同時兼容Vue2、Vue3，也并**不要求你使用Composition API** >[danger] ##### 和vuex 區別 `Pinia `最初是為了探索 `Vuex `的下一次迭代會是什么樣子，結合了 `Vuex 5` 核心團隊討論中的許多想法，`Pinia`已經實現了`Vuex5`中大部分內容，所以最終決定用`Pinia`來替代`Vuex`，可以說`Pinia` 是`Vuex5` * `Vuex `相比，Pinia 提供了一個更簡單的 API，具有更少的儀式，提供了**Composition-API 風格的 API；** * 在與 `TypeScript `一起使用時具有可靠的類型推斷支持 * 去掉了 `mutations ` * 不再有`modules`的嵌套結構，是通過扁平化的方式來相互使用的，**也不再有命名空間的概念，不需要記住它們的復雜關系**  >[danger] ##### 總結 `Pinia ` 更多像一個全局的響應式數據集，大家共享觸發頁面響應 >[info] ## 官網 [為什么要使用-pinia](https://pinia.web3doc.top/introduction.html#%E4%B8%BA%E4%BB%80%E4%B9%88%E8%A6%81%E4%BD%BF%E7%94%A8-pinia%EF%BC%9F)