建站
咨詢
售后
建站咨詢
新聞中心
什么是 Pinia
Pinia 的優(yōu)點(diǎn)
- 簡(jiǎn)便，存儲(chǔ)和組件變得很類似，你可以輕松寫出優(yōu)雅的存儲(chǔ)；
- 類型安全，通過(guò)類型推斷，可以提供自動(dòng)完成的功能；
- vue devtools 支持，可以方便進(jìn)行調(diào)試；
- Pinia 支持?jǐn)U展，可以非常方便地通過(guò)本地存儲(chǔ)，事物等進(jìn)行擴(kuò)展；
- 模塊化設(shè)計(jì)，通過(guò)構(gòu)建多個(gè)存儲(chǔ)模塊，可以讓程序自動(dòng)拆分它們；
- 非常輕巧，只有大約 1kb 的大??；
- 服務(wù)器端渲染支持。
如何使用
使用 Pinia 非常簡(jiǎn)單，你可以通過(guò)defineStore來(lái)簡(jiǎn)單創(chuàng)建一個(gè)存儲(chǔ)管理。
站在用戶的角度思考問(wèn)題，與客戶深入溝通，找到金安網(wǎng)站設(shè)計(jì)與金安網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗(yàn)，讓設(shè)計(jì)與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個(gè)性化、用戶體驗(yàn)好的作品，建站類型包括：網(wǎng)站設(shè)計(jì)制作、網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、空間域名、虛擬空間、企業(yè)郵箱。業(yè)務(wù)覆蓋金安地區(qū)。
yarn add pinia@next
import {createPinia} from 'pinia'
app.use(createPinia())import {defineStore} from 'pinia'
export const useTodoStore = defineStore({
id: "todo",
state:()=>({count:0,title:"test",done:false})
})export default defineComponent({
setup() {
const todo = useTodoStore()
return {
// gives access only to specific state
state: computed(() => todo.title),
}
},
})同 vuex 的比較
Pinia 最初是為了探索 Vuex 下一次迭代可能會(huì)是什么樣子，結(jié)合了 Vuex 5 核心團(tuán)隊(duì)討論中的許多想法。最終，我們意識(shí)到 Pinia 已經(jīng)實(shí)現(xiàn)了我們?cè)?Vuex 5 中想要的大部分內(nèi)容，并決定實(shí)現(xiàn)它取而代之的是新的建議。
與 Vuex 相比，Pinia 提供了一個(gè)更簡(jiǎn)單的 API，具有更少的操作，提供了 Composition-API 風(fēng)格的 API，最重要的是，在與 TypeScript 一起使用時(shí)具有可靠的類型推斷支持。
總結(jié)
如果你正在開發(fā)一個(gè)新項(xiàng)目，請(qǐng)毫不猶豫地選擇 pinia，這不僅僅是當(dāng)下最好的選擇，也將會(huì)是未來(lái)最好的選擇。如果你喜歡 Composition API ，喜歡更簡(jiǎn)潔的 api 操作，請(qǐng)一定要選擇 pinia。
文章題目：Vue新一代狀態(tài)管理插件Pinia
當(dāng)前網(wǎng)址：http://www.dlmjj.cn/article/dphedoj.html
