2023 年的 Node.js 生態(tài)系統(tǒng)
隨著技術(shù)的不斷演進(jìn)和創(chuàng)新，Node.js 在 2023 年達(dá)到了一個(gè)新的高度。Node.js 擁有一個(gè)龐大的生態(tài)系統(tǒng)，可以幫助開發(fā)人員更快地實(shí)現(xiàn)復(fù)雜的應(yīng)用。本文就來看看 Node.js 最新的生
最近在想一個(gè)問題：在 Vue3 項(xiàng)目中，進(jìn)行狀態(tài)管理的時(shí)候，我們真的需要 Pinia 嗎？
其實(shí)我們可以反過來想一個(gè)問題：沒有 Pinia，我們能做狀態(tài)管理嗎？
答案是：可以！！！
Vue3 的一些 API 對比 React 的好處就是，這些 API 并不一定需要在組件中去聲明。
就比如你想要做局部狀態(tài)管理的時(shí)候，可以直接使用 reactive、ref 這類 API 來完成。
圖片
圖片
圖片
這樣能達(dá)到局部狀態(tài)管理，多組件共用同一個(gè)狀態(tài)的效果，請看下圖：
圖片
Vue3 有一個(gè)超級(jí)冷門的 API 叫 effectScope ，這個(gè) API 非常強(qiáng)大，但是很多人都不知道它。
當(dāng)然，既然很少人知道它，那自然就很少人知道，Pinia 的底層原理就是依賴了 effectScope。
圖片
既然 Pinia 是通過effectScope來實(shí)現(xiàn)的，那么，我們自然也可以直接使用這個(gè) API 來做狀態(tài)管理！
其實(shí)已經(jīng)有人做過這件事了，就比如 vueuse 中的。
圖片
我們可以直接用這個(gè) Hooks 來進(jìn)行狀態(tài)管理，如果是使用 effectScope 來進(jìn)行管理的話，狀態(tài)就不需要寫在 Hooks 外部了，因?yàn)?effectScope 內(nèi)部邏輯只會(huì)執(zhí)行一次，無論你調(diào)用多少次。
圖片
圖片
圖片
利用 effectScope 也能達(dá)到組件之間共享狀態(tài)！
圖片
我覺得 Pinia 還是有他的好處的，好處就是：讓我們少寫一些代碼，并且代碼更加分明。
比如下面這個(gè)例子：
結(jié)構(gòu)很分明：
圖片
Pinia 還提供了 $subscribe 來監(jiān)聽整個(gè)狀態(tài)，我們也可以利用這個(gè)方法來做持久化存儲(chǔ)。
Pinia 提供了插件機(jī)制，可以讓你去拓展 Pinia 的功能，以下是你可以擴(kuò)展的內(nèi)容：
比如舉個(gè)小例子，給所有狀態(tài)管理都加一個(gè)屬性變量。
Pinia 著名的持久化插件pinia-plugin-persistedstate就是利用了 Pinia 的插件機(jī)制。
他的核心代碼其實(shí)很少，就是利用插件機(jī)制，使用$subscribe去監(jiān)聽每一個(gè)狀態(tài)管理的變化，然后進(jìn)行持久化存儲(chǔ)！
圖片
本文鏈接：http://www.tebozhan.com/showinfo-26-98686-0.html為什么有些 Vue3 項(xiàng)目已經(jīng)開始棄用 Pinia 了？
聲明：本網(wǎng)頁內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。郵件：2376512515@qq.com
Copyright ? 2016-2023 天津谷騏科技有限公司 版權(quán)所有 sitemap.xml
違法及侵權(quán)請聯(lián)系：2376512515@qq.com 津ICP備18001702號(hào)
津公網(wǎng)安備 12010102000574號(hào)