简介
easy-vuex 是一款 Vue.js 应用程序的状态管理解决方案。与 Vuex 相比，它更加简单易用，对新手和小型项目特别友好。
安装
使用以下命令安装 easy-vuex：
npm install easy-vuex
使用
要使用 easy-vuex，您需要将其导入您的 Vue.js 应用程序中。可以在 main.js 中执行此操作：
-- -------------------- ---- -------
------ --- ---- -----
------ --- ---- -----------
------ - ----------- - ---- -----------
------------------------ - -----
-- -- ----- --
----- ----- - -------------
------ -
------ -
--
---------- -
---------- ----- -- --------------
---------- ----- -- -------------
--
-------- -
-------------- -- ------ -- -
------------- -- -
-------------------
-- -----
-
-
--
--- -----
------- - -- -------
-- - ----- ----- ------ -----
-----
-----------------现在，您已经创建了一个具有以下属性的 Store：
- count: 一个数字，表示应用程序的当前状态；
- increment: 一个 mutation，可以将 count 的值增加 1；
- decrement: 一个 mutation，可以将 count 的值减少 1；
- incrementAsync: 一个 action，可以异步调用 increment mutation。
您可以在组件中使用该 Store：
-- -------------------- ---- -------
----------
-----
--------- -- ----- ------
------- -------------------------------------
------- -------------------------------------
------- --------------------------------- --------------
------
-----------
--------
------ - --------- ------------- ---------- - ---- -----------
------ ------- -
--------- -
-- -- ----- --
----------------------
--
-------- -
-- -- --------- - --------- ---------
----------------------------- --------------
-- -- -------------- ------
---------------------------------
-
-
---------现在，您的组件可以直接访问 Store 中的状态、mutations 和 actions。请注意，您需要使用 easy-vuex 提供的辅助函数来映射这些实体。这些辅助函数将自动将 Store 实例绑定到组件中。
示例代码
以下示例代码演示了如何使用 easy-vuex：
-- -------------------- ---- -------
----------
-----
--------- -- ----- ------
------- -------------------------------------
------- -------------------------------------
------- --------------------------------- --------------
------
-----------
--------
------ - --------- ------------- ---------- - ---- -----------
------ ------- -
--------- -
-- -- ----- --
----------------------
--
-------- -
-- -- --------- - --------- ---------
----------------------------- --------------
-- -- -------------- ------
---------------------------------
-
-
---------
-------
- -
---------- -----
-------------- -----
-
------ -
---------- -----
-------- --- -----
------------- -----
-
--------总结
easy-vuex 是一个非常简单易用的状态管理解决方案，特别适合新手和小型项目。您只需要几行代码即可创建一个可重用的 Store，然后在组件中使用它。如果您正在寻找一个轻量级的 Vuex 替代品，那么 easy-vuex 将是一个不错的选择。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056c5181e8991b448e5d32