多个vue组件复用一个数据
就在computed中的...mapState([ ])里添加相应的数据，直接正常调用就行

vuex模块化
将vuex中不同功能的函数分类
//求和功能相关的配置
const countOptions={
namespaced:true, //用于在mapState中能直接通过名字获取到其组件
actions:{
xxxxxxxxxxxxxxxxxxxx //原来actions中的内容
},
mutations:{},
state:{},
getters:{},
}

const personOptions ={
namespaced:true,
actions:{}
...........
}

export default new Vuex.Store({
modules:{
countAbout:countOptions,
personAbout:personOptions, //
}
})

在vue文件中获取值就是 ...mapState('countAbout',['sum','school'])
获取方法是 ...mapMutations('countAbout',['JIA','JIAN'])



import {nanoid} from 'nanoid'
id:nanoid() 给id自动赋值 赋的值是一个无序的不重复的乱码