Vuex的使用

第一种：

　　使用modules 这里每个文件都用自己单独的state mutations actions 等 重点在于每个文件需要把这些的state mutations actions 导出

　　map.js

 　　

 

 

 

　　index.js 

 

 

　　getters.js

 

 其实就是模块化 需要调用里面的state需要加上文件名 使用的时候

this.$store.dispatch('map/setdata', {BMap: BMap, map: map}) 因为这是传的是对象 对象是key：value的形式

 

 

 这里也可以使用mapstate这种语法糖这个单引号是关键 这个是写在computed之中，有一个关键是data中不能有相同的参数名，不然先是走data里面。

 

第二种：就是Vue2.0的 GitHub饿了么项目

　　他没有使用到模块化，是直接使用state mutations actions，这个mutations有一个关键。

使用到了mutations-type.js 多出这个文件。 这个有一个好处就是可以一眼看出这个mutations有哪些的方法。调用也是 this.$store.commit()  this.$store.dispatch()

第三种：Vue3.0的使用

 　　Vue3.0的关键还是interface 接口与类的关键 还有泛型是难点。 使用的时候是在

 

 先拿出useStore 创建出一个store 后面的使用与Vue2.0使用差不多

好像Vue2.0的this.$store是本身存在的。如果某些单独的文件需要使用导入使用

import store from '@/store'