多组件共享数据实例

src/App.vue

<template>
   <div>
      <Count/>
      <Person/>
   </div>
</template>

<script>
import Count from './components/Count'
import Person from './components/Person'

export default {
   
   name: 'App',
   components:{
   'Count','Person'}
}
</script>

src/store/index.js

import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

const actions = {
   
   //为奇数时再加
   jiaOdd(context,value) {
   
      if(context.state.sum % 2) {
   
         context.commit('JIA',value)
      }
   },
   //等一等再加
   jiaWait() {
   
      setTimeout(()=>{
   
         context.commit('JIA',value)
      },500)
   }
}
const mutations = {
   
   JIA(state,value) {
   
      state.sum += value