介绍
vuex-logger 是一个 Vue.js 组件，用于在浏览器控制台中显示 Vuex 的操作日志。这个插件可以帮助开发者更快地调试和排错。
安装
使用 npm 安装
npm install vuex-logger --save-dev
使用 yarn 安装
yarn add vuex-logger --dev
使用
引入
在 main.js 中，引入 vuex-logger 并将其传递给 Vuex.Store 构造函数。记得只在开发环境使用此插件。
-- -------------------- ---- -------
------ --- ---- -----
------ ---- ---- ------
------ ------------ ---- -------------
-------------
----- ----- - --- ------------
-- ---
-------- -------------------- --- ------------
- ----------------
- --
-- ---
--配置
可以使用 createLogger 函数的第二个参数来配置日志记录：
-- -------------------- ---- -------
--------------
---------- ----- -- --------
------ ---------- ------------ ----------- -
-- -- ----- -----
-- ------ ------------- --- -----------
--
----------- ------- -
-- ---------
-- -----------
------ -------------
--
------------------- ---------- -
-- -- -------- --
-- -------- -- -- ----- ------- --
------ -------------
--
------- -------- -- --------
--示例
下面是一个简单的例子，演示了如何使用 vuex-logger：
-- -------------------- ---- -------
------ --- ---- -----
------ ---- ---- ------
------ ------------ ---- -------------
-------------
----- ----- - --- ------------
------ -
------ -
--
---------- -
--------- ------- -
-------------
--
--------- ------- -
-------------
-
--
-------- ----------------
--
------------------------- -- -- -- - ----- ------------ -------- --------- -
------------------------- -- -- -- - ----- ------------ -------- --------- -总结
使用 vuex-logger 可以方便我们在开发 Vuex 应用时进行调试和排错。本文介绍了如何安装、使用和配置 vuex-logger，并提供了一个简单的示例。希望这篇文章能够对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055ea381e8991b448dbff7