7月安卓手機(jī)性能榜：紅魔8S Pro再奪榜首
7月份的手機(jī)市場(chǎng)風(fēng)平浪靜，除了紅魔和努比亞帶來(lái)了兩款搭載驍龍8Gen2領(lǐng)先版處理器的新機(jī)之外，別的也想不到有什么新品了，這也正常，通常6月7月都是手機(jī)廠商修整的時(shí)間，進(jìn)入8月份之
最近在想一個(gè)問(wèn)題：在 Vue3 項(xiàng)目中，進(jìn)行狀態(tài)管理的時(shí)候，我們真的需要 Pinia 嗎？
其實(shí)我們可以反過(guò)來(lái)想一個(gè)問(wèn)題：沒(méi)有 Pinia，我們能做狀態(tài)管理嗎？
答案是：可以！！！
Vue3 的一些 API 對(duì)比 React 的好處就是，這些 API 并不一定需要在組件中去聲明。
就比如你想要做局部狀態(tài)管理的時(shí)候，可以直接使用 reactive、ref 這類 API 來(lái)完成。
圖片
圖片
圖片
這樣能達(dá)到局部狀態(tài)管理，多組件共用同一個(gè)狀態(tài)的效果，請(qǐng)看下圖：
圖片
Vue3 有一個(gè)超級(jí)冷門的 API 叫 effectScope ，這個(gè) API 非常強(qiáng)大，但是很多人都不知道它。
當(dāng)然，既然很少人知道它，那自然就很少人知道，Pinia 的底層原理就是依賴了 effectScope。
圖片
既然 Pinia 是通過(guò)effectScope來(lái)實(shí)現(xiàn)的，那么，我們自然也可以直接使用這個(gè) API 來(lái)做狀態(tài)管理！
其實(shí)已經(jīng)有人做過(guò)這件事了，就比如 vueuse 中的。
圖片
我們可以直接用這個(gè) Hooks 來(lái)進(jìn)行狀態(tài)管理，如果是使用 effectScope 來(lái)進(jìn)行管理的話，狀態(tài)就不需要寫在 Hooks 外部了，因?yàn)?effectScope 內(nèi)部邏輯只會(huì)執(zhí)行一次，無(wú)論你調(diào)用多少次。
圖片
圖片
圖片
利用 effectScope 也能達(dá)到組件之間共享狀態(tài)！
圖片
我覺(jué)得 Pinia 還是有他的好處的，好處就是：讓我們少寫一些代碼，并且代碼更加分明。
比如下面這個(gè)例子：
結(jié)構(gòu)很分明：
圖片
Pinia 還提供了 $subscribe 來(lái)監(jiān)聽整個(gè)狀態(tài)，我們也可以利用這個(gè)方法來(lái)做持久化存儲(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.www897cc.com/showinfo-26-98686-0.html為什么有些 Vue3 項(xiàng)目已經(jīng)開始棄用 Pinia 了？
聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。郵件：2376512515@qq.com
Copyright ? 2016-2023 天津谷騏科技有限公司 版權(quán)所有 sitemap.xml
違法及侵權(quán)請(qǐng)聯(lián)系：2376512515@qq.com 津ICP備18001702號(hào)
津公網(wǎng)安備 12010102000574號(hào)