var store = new Vuex.Store({
      state:{    //這里相當(dāng)于Vue實例中的data,用于存放數(shù)據(jù)
              msg:'我是公共的數(shù)據(jù),來拿我呀'
      },
      mutations:{    //這里相當(dāng)于Vue實例中的methods,用于定義方法 所有的方法都過來拿
              getMsg(state){    //state是個形參 是state對象里面的數(shù)據(jù)都可以拿到 不通過this來拿
                       state.msg
              }
      },
      getters:{
              //這里可以監(jiān)聽state的值 直接返回出去 只讀取值 如果需要修改值 找mutations 需要rerurn出去
              readMsg(state){
                        return '我是store里面的數(shù)據(jù)' + state.msg
              }
      }
      
})

{{store.state.msg
如果拿到store里面的方法呢?
一般在組件定義方法里面拿到store里面的方法 統(tǒng)一交給store操縱公共數(shù)據(jù)比較容易維護
通過
this.$store.commit('store里的方法名',傳參的可選值)

this.$store.commit('add',{one:10,two:20})