Vue学习：多组件共享数据：vuex保存数据，

展现另外插件的数据（数据在vuex中）

//准备mutations——用于操作数据（state）
const mutations = {
    JIA(state,value){
        console.log('mutations中的JIA被调用了')
        state.sum += value
    },
    JIAN(state,value){
        console.log('mutations中的JIAN被调用了')
        state.sum -= value
    },
    ADD_PERSON(state,value){
        console.log('mutations中的ADD_PERSON被调用了')
        state.personList.unshift(value)
    }
}
//准备state——用于存储数据
const state = {
    sum:0, //当前的和
    school:'xxx',
    subject:'前端',
    personList:[
        {id:'001',name:'张三'}
    ]
}

count展现personList

<h3 style="color:red">Person组件的总人数是：{{personList.length}}</h3>

import {mapState} from 'vuex'

computed:{  ...mapState(['sum','school','subject','personList']),
           
           
        },

personList展现count

<h3 style="color:red">Count组件求和为：{{sum}}</h3>
computed:{
            personList(){
                return this.$store.state.personList
            },
}