uniapp 中 vuex调试

uniapp中内置了vuex依赖,在微信小程序中为了更方便的调试vuex相关数据,使用vuex中的createLogger,在开发环境中,打印相关信息,方便调试。
示例:

import Vue from "vue";
import Vuex from "vuex";
Vue.use(Vuex);
//dev 环境打印vuex相关log
//如果vuex版本为3.6.2及以上,则只用Vuex.createLogger
const plugins = process.env.NODE_ENV === 'development'?[Vuex.createLogger()]:[]
//如果vuex版本低于3.6.2,导入createLogger,再使用
// import createLogger from 'vuex/dist/logger.js';
//const plugins = process.env.NODE_ENV === 'development'?[createLogger()]:[]
const store = new Vuex.Store({
  plugins,//添加插件
//...其他内容state,mutations,actions等
});
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一. 前言 shell编程在unix/linux世界中使用得非常广泛,熟练掌握shell编程也是成为一名优秀的un...
    比轩阅读 2,828评论 0 1
  • 本文全面系统地介绍了shell脚本调试技术,包括使用echo, tee, trap等命令输出关键信息,跟踪变量的值...
    liuzg0734阅读 4,408评论 0 14
  • 二. 在shell脚本中输出调试信息 通过在程序中加入调试语句把一些关键地方或出错的地方的相关信息显示出来是最常见...
    很少更新了阅读 4,183评论 0 1
  • vue中的vuex是一个全局的公共仓库,用来保存我们各个组件共用的一些数据 但是我们在像vuex通过mutatio...
    坏丶毛病阅读 4,845评论 2 9
  • 使用说明-Vuex 安装 直接下载 / CDN 引用 Unpkg.com 提供了基于 NPM 的 CDN 链接。以...
    满是裂缝的花卷阅读 4,596评论 0 8