vuex mapState的接收写法 与由mapstate 所引发的导入导出写法

在state中定义好全局状态后，页面中接收的写法

1. this.$store.state.xxx
2. 导入import { mapState } from 'vuex'es6写法

1.
 computed: {
      isShow () {
     		return this.$store.state.isTabberFlag
     }
 },

2.
  // vuex 的另外一种导出的方法
 computed: mapState(['isTabberFlag']),

3.
computed: {
  ...mapState(['isTabberFlag'])
 },

上面的导入的弊端：当在state中封装了1千多个方法，这样导入会使得所有的方法都导入到此页面，但此页面其实只用一个。这样就使得在打包的时候体积变大，解决这个问题呢就可以提升用户体验

• 第一种导出方法（导入所有）
  创建一个文件夹写一些方法，然后一起导出，最后在main.js中引入
  
  第二种导入（按需导入）
  
  
  导入的名字必须要与定义的一样
  也可以起别名 项目汇总就只能用这个别名了。
  
  虽然是小知识点，但是总结起来时间长了知道的就多啦。