简介
vuex-plugin-boilerplate 是一个为 Vue.js 应用设计的插件模板，内置了一些常用的 vuex 功能，开箱即用，方便快速开发。
以下是使用该插件的具体步骤。
安装
使用 npm 安装：
npm install vuex-plugin-boilerplate --save
安装完成后，将以下代码添加到 Vue.js 应用中的 main.js 文件中：
-- -------------------- ---- -------
------ ---- ---- ------
------ --------------------- ---- -------------------------
-------------
----- ----- - --- ------------
-------- -
---------------------
-
--使用
声明 state
在 state.js 文件中，声明你的状态。
-- -------------------- ---- -------
----- ----- - -
----- -
------------ ---
------ ---
---- --
-
-
------ ------- -----声明 mutations
在 mutations.js 文件中，定义你的 mutations 函数。
-- -------------------- ---- -------
----- --------- - -
-------- ------- -------- -- -
---------------------- - -------------------
---------------- - -------------
-------------- - -----------
-
-
------ ------- ---------
声明 actions
在 actions.js 文件中，定义你的 actions 函数。
const actions = {
setUser({ commit }, payload) {
commit('setUser', payload)
}
}
export default actions声明 getters
在 getters.js 文件中，定义你的 getters 函数。
-- -------------------- ---- -------
----- ------- - -
---------------- ----- -- -
------ ----------------------
--
---------- ----- -- -
------ ----------------
--
-------- ----- -- -
------ --------------
-
-
------ ------- -------引入插件
在 main.js 文件中，引入插件并添加到 Vuex.Store 中。
-- -------------------- ---- -------
------ ---- ---- ------
------ --------------------- ---- -------------------------
------ ----- ---- ---------
------ --------- ---- -------------
------ ------- ---- -----------
------ ------- ---- -----------
-------------
----- ----- - --- ------------
-------- -
---------------------
--
------
----------
--------
-------
--使用插件
在组件中，使用插件的方法。
-- -------------------- ---- -------
------ ------- -
--------- -
----------------- -
------ -----------------------------------
--
----------- -
------ -----------------------------
--
--------- -
------ ---------------------------
-
--
-------- -
--------- -
----- ---- - -
------------ -------
------ ----------------
---- -------------
-
------------------------------- -----
-
-
-总结
使用 vuex-plugin-boilerplate 可以方便地对 Vuex 进行配置和管理。同时，该插件提供了一些常用功能，如登录注册等，也可以添加自己的功能模块，方便快捷，值得尝试。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055f3d81e8991b448dccaf