vue3 + vuex4 實踐


前言:

本文基於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 用法:

 

 
 
 
 
 
 
 
 
 
 
 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM