中興AX5400Pro+上手體驗：再升級 雙2.5G網口+USB 3.0這次全都有
2021年11月的時候，中興先后發布了兩款路由器產品，中興AX5400和中興AX5400 Pro，從產品命名上就不難看出這是隸屬于同一系列的，但在外觀設計上這兩款產品可以說是完全沒一點關系
最近在想一個問題：在 Vue3 項目中，進行狀態管理的時候，我們真的需要 Pinia 嗎？
其實我們可以反過來想一個問題：沒有 Pinia，我們能做狀態管理嗎？
答案是：可以！！！
Vue3 的一些 API 對比 React 的好處就是，這些 API 并不一定需要在組件中去聲明。
就比如你想要做局部狀態管理的時候，可以直接使用 reactive、ref 這類 API 來完成。
圖片
圖片
圖片
這樣能達到局部狀態管理，多組件共用同一個狀態的效果，請看下圖：
圖片
Vue3 有一個超級冷門的 API 叫 effectScope ，這個 API 非常強大，但是很多人都不知道它。
當然，既然很少人知道它，那自然就很少人知道，Pinia 的底層原理就是依賴了 effectScope。
圖片
既然 Pinia 是通過effectScope來實現的，那么，我們自然也可以直接使用這個 API 來做狀態管理！
其實已經有人做過這件事了，就比如 vueuse 中的。
圖片
我們可以直接用這個 Hooks 來進行狀態管理，如果是使用 effectScope 來進行管理的話，狀態就不需要寫在 Hooks 外部了，因為 effectScope 內部邏輯只會執行一次，無論你調用多少次。
圖片
圖片
圖片
利用 effectScope 也能達到組件之間共享狀態！
圖片
我覺得 Pinia 還是有他的好處的，好處就是：讓我們少寫一些代碼，并且代碼更加分明。
比如下面這個例子：
結構很分明：
圖片
Pinia 還提供了 $subscribe 來監聽整個狀態，我們也可以利用這個方法來做持久化存儲。
Pinia 提供了插件機制，可以讓你去拓展 Pinia 的功能，以下是你可以擴展的內容：
比如舉個小例子，給所有狀態管理都加一個屬性變量。
Pinia 著名的持久化插件pinia-plugin-persistedstate就是利用了 Pinia 的插件機制。
他的核心代碼其實很少，就是利用插件機制，使用$subscribe去監聽每一個狀態管理的變化，然后進行持久化存儲！
圖片
本文鏈接：http://www.tebozhan.com/showinfo-26-98686-0.html為什么有些 Vue3 項目已經開始棄用 Pinia 了？
聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。郵件：2376512515@qq.com
Copyright ? 2016-2023 天津谷騏科技有限公司 版權所有 sitemap.xml
違法及侵權請聯系：2376512515@qq.com 津ICP備18001702號
津公網安備 12010102000574號