关于在 vue3.0 版本中使用内置 api 取代 vuex 的使用

一：前言

近期公司要做一个新项目，想着 vue3.0 发布也有一段时间了还没用过，不如就试试vue3.0特性如何，后经讨论，一致决定使用vue3.0 及 elementui-plus 来构建新项目。

二：改变

相对于 vue2.0 而言，vue3.0 的变化还是不少的，刚接触时可能会出现短暂一脸懵逼的情况。（我是谁？？ 我在哪？？）。当然，尤大大 当然也为我们充分考虑到了这一点， vue3.0 是完全兼容 vue2.0 的，因此，就算你构建了 vue3.0 版本的项目，你也完全可以使用 vue2.0 的东西。对于 vue3.0 与 vue2.0 具体的改变有哪些，移步 特性变化

三：使用

步入正题，那么，我们在 vue3.0 中该如何取代 vue2.0 中的 vuex呢？
先来看一下之前 vue2.0中 vuex 是怎么来管理状态的
这是vuex模块化目录文件。

3.1：vue2.0

这是collection.js文件，vuex 的四种状态

3.2：vue3.0

这是vue3.0中取代vue2.0 vuex 的目录文件夹,依然是模块化。

这是webHome中的 js 文件。

最后 export 导出即可。
然后在 store.js 中引入。

然后在外部.vue文件中调用 上面封装好的 actions 中的方法。如图，

四：至此，我们就完成了在vue3.0 中取代 vue2.0 中的 vuex的内置方法。若有错误，麻烦指出，若有疑惑，可在下方留言予以解答。有用点赞再走，共同进步。