前言:
本文基於vite2.0 + vue3.2 + Typescript + vuex4
官網:https://vuex.vuejs.org/zh/guide/state.html
之前寫過一篇關於vuex的文章:https://www.cnblogs.com/konghaowei/p/11248652.html
隨着技術更新迭代那已經很老了而且有些錯誤,現以寫一篇新文章,
本文重點在於實踐不在贅述各模塊功能,舊文章說的挺清楚的。
本文重點在於vuex實踐 vite2.0 + vue3.2 + Typescript 的基礎搭建就不贅述了。
1)安裝:
npm install vuex@next --save
src目錄新建文件夾 store
store 文件夾內新建 index.ts moduleA.ts moduleB.ts

moduleA.ts moduleB.ts 填入以下內容:

index.ts引入moduleA.ts moduleB.ts模塊:

項目 main.ts 文件引入 store 文件:

moduleA.ts moduleB.ts內容幾乎一樣接下來重點拿moduleA.ts作例子
頁面中 vuex 用法:
