19-11-08 bug环境收集模块 mapState用法 vue项目配置jsxbug环境收集模块测试人员可以一键

bug环境收集模块

测试人员可以一键收集当前的路径和参数，延伸的话，可以将当前页面的错误堆栈缓存，在测试人员点击bug收集的时候，一起发送给开发人员

computed: {
    ...mapState({
                        // state的app模块的sidebar属性
      sidebar: state => state.app.sidebar
    })
  },

mapState是一个方法，它会加工参数对象内的函数，为他们传入参数state，并返回新的对象，新的对象通过...扩展运算符混入到computed中

从指定模块引入mapState

import { createNamespacedHelpers } from 'vuex'
const { mapState, mapActions } = createNamespacedHelpers('some/nested/module')

首先安装babel-plugin-transform-vue-jsx

npm install\
  babel-plugin-syntax-jsx\
  babel-plugin-transform-vue-jsx\
  babel-helper-vue-jsx-merge-props\
  babel-preset-es2015\
  --save-dev

修改.babelrc文件

"presets": ["es2015"],
"plugins": ["transform-vue-jsx"]