vue 改变一个地方， 其他地方自动渲染改变，该如何实现呢？

我想做一个自动切换语言的页面，
目前遇到的问题便是数据改变了， 但是view无法渲染。
思路：
在vuex中创建了
store，state，getter跟mutations
代码

 //  state
 export default {
  currentlanguage: 'cn', //  当前语言
}

 //  getters
export default {
  getlan: (state) => {
    return state.lan
  },
  getcurrentlanguage: (state) => {
    return state.currentlanguage
  }
}

import * as types from './mutation-type'
export default {
  [types.SET_LAN] (state, currentlanguage) {
    console.log(currentlanguage)
    state.currentlanguage = currentlanguage.lan
  }
}

app.vue 中调用

index.vue 中调用

得到的结果

出来中文的版本完全没问题

切换为英文的时候， 就上面导航变了， 还有state的数据也改变了， 但没有渲染出来，
要如何才能达到预想的效果呢？