VueJS:vuex状态在更改后不更新组件

我创建了一个信息栏,我想用组件中的信息更新一个区域.我把它作为孩子添加App.vue:

为了能够从其他组件更新m ,我决定尝试使用Vuex并使用mutations更改信息:

Vuex商店:

   export const store = new Vuex.Store({
        state:{
            infoBarText: "Text from Vuex store" ,  // initial text for debugging         
        },
        mutations:{
            setInfoBarText(state,text){
                state.infoBarText = text;
            }
        }

infobar.vue

  
  Update text