介绍
Vuest是一个轻量级、易用的VueJS状态管理库，它可以简化VueJS应用程序的开发和管理。通过将应用程序拆分为小型的可重用部分，并利用全局状态进行状态共享，Vuest可以提高应用程序的可维护性和可复用性。
安装
Vuest可以通过npm包管理器进行安装。在终端中输入以下命令进行安装：
npm install vuest --save
安装完成后，就可以在项目中使用Vuest了。
初始化
首先，我们需要初始化整个Vuest应用。在Vue实例创建之前，我们必须在Vue原型中添加$vuest属性，并将其初始化为Vuest实例。下面是一个简单的示例：
-- -------------------- ---- ------- ------ --- ---- ------ ------ ----- ---- -------- ------ --- ---- ------------ --------------- ----- ----- - --- ------- --- ------- ----------- - --- - --- -------------------- - ------
在这个示例中，我们首先导入Vue和Vuest。然后，我们使用Vue的use方法将Vuest注册为Vue的插件。接下来，我们创建一个Vuest实例，并将其初始化为Vue原型的$vuest属性。最后，我们使用Vue的#app元素和App组件创建Vue实例。
状态
Vuest的核心是状态。我们可以使用Vuest的state属性来创建全局状态，这样我们就可以在整个应用中共享它们。下面是一个简单的示例：
const vuest = new Vuest({
state: {
count: 0
}
});
Vue.prototype.$vuest = vuest;在这个示例中，我们创建了一个名为count的状态，并将其初始值设置为0。现在我们可以在整个应用中访问和更新它。
动作
Vuest的动作是一段功能性代码，可以用来更新全局状态。我们可以使用Vuest的actions属性来创建动作。下面是一个简单的示例：
-- -------------------- ---- -------
----- ----- - --- -------
------ -
------ -
--
-------- -
----------- -
--------------------
--
----------- -
--------------------
-
-
---
-------------------- - ------在这个示例中，我们创建了两个动作：increment和decrement。当执行increment动作时，全局状态中的count属性将增加1。当执行decrement动作时，全局状态中的count属性将减少1。
访问状态和动作
Vuest的状态和动作可以通过$vuest属性方便地访问和修改。下面是一个简单的示例：
-- -------------------- ---- -------
----- ----- - --- -------
------ -
------ -
--
-------- -
----------- -
--------------------
--
----------- -
--------------------
-
-
---
-------------------- - ------
-- ----
----- ----- - -------------------------
-- ----
---------------------------------在这个示例中，我们首先将Vuest实例添加到Vue的原型中。然后，我们可以使用$vuest.$state访问全局状态，使用$vuest.$actions执行动作。我们还可以使用this关键字访问局部状态和方法。
结语
这就是Vuest的基础。使用Vuest，我们可以更轻松地开发和维护Vue应用程序。希望本文对你有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005620f81e8991b448df78a