在 Vue.js 开发中，vuex 可以用来管理应用中的状态。然而，当应用规模变大时，状态的管理会变得更加复杂，vuex 也可能出现一些问题。于是，@lointain/vuexs 就出现了，它提供了一种新的状态管理方式，可以更好地组织代码和管理状态。
什么是 @lointain/vuexs？
@lointain/vuexs 基于 vuex，它将状态分为 3 种类型：sync、async 和 computed。sync 类型的状态与 vuex 的 state 类型基本一致；async 类型的状态可以处理异步操作，并且包括 pending、success 和 error 三种状态；computed 类型的状态可以根据其他状态计算得出。
使用 @lointain/vuexs 可以使状态管理更加清晰和简单。
安装
要使用 @lointain/vuexs，首先需要安装它。可以使用 npm 或 yarn 来安装。
npm install @lointain/vuexs --save
或者
yarn add @lointain/vuexs
如何使用
安装完成后，就可以开始使用 @lointain/vuexs 了。以下是一个简单的使用示例：
-- -------------------- ---- -------
------ --- ---- -----
------ ---- ---- -----------------
-------------
----- ----- - --- ------------
---------- - ------ - --
----------- -
------ -
------ ---
------- -
------------ ------ -- -
--------------
---------------------------- -- -
------------------ ---------
--------------
----------- -- -
------------
--
-
-
-
--
-------------- -
------------ -
------ -----------------------
-
--
---------- -
---------------- -
-------------
--
--------------- ------ -
----------------- - -----
-
--
-------- -
---------------- ------ -- -
----- --- --------------- -- ------------------- ------
-------------------
-
-
--在这个例子中，我们定义了 1 个 syncState、1 个 asyncState 和 1 个 computedState。其中，syncState 的 count 是一个简单的计数器，asyncState 的 todos 是一个异步获取数据的状态，computedState 的 totalCount 是根据 todos 计算得出的。
同时，我们定义了 1 个 mutation 和 1 个 action。mutation 用来修改 state 中的数据，action 用来处理异步操作。
总结
@lointain/vuexs 是一种新的状态管理方式，可以更加清晰和简单地组织代码和管理状态。安装和使用也非常简单，但需要仔细阅读文档和示例代码。如果你正在开发一个较大的 Vue.js 项目，那么不妨尝试一下使用 @lointain/vuexs 来管理你的状态！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60065f8d238a385564ab6ebe