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.tsmoduleA.ts moduleB.ts 填入以下内容:
index.ts引入moduleA.ts moduleB.ts模块:
项目 main.ts 文件引入 store 文件:
moduleA.ts moduleB.ts内容几乎一样接下来重点拿moduleA.ts作例子 页面中 vuex 用法: