Vuex中的state更新了，那么使用這個(gè)狀態(tài)的組件的data的數(shù)據(jù)會(huì)即時(shí)跟新嗎？

Vuex中的state更新了，那么使用這個(gè)狀態(tài)的組件的data的數(shù)據(jù)會(huì)即時(shí)跟新嗎？

代碼是：

store.js中：

state: {
  ...

  user_info: LocalStorageUtil.get('user_info')
  },

  mutations: {
    set_user_info_null(state){
      state.user_info = null
    }
  }

組件中：

data(){
  return {
    user_info: this.$store.state.user_info,
    ...

  }

methods: {
  ...

  ... // in the logout method
  LocalStorageUtil.clear('user_info')
  this.$store.commit('set_user_info_null')  // store set to null

當(dāng)觸發(fā)logout方法的時(shí)候：

Vuex的數(shù)據(jù)是清空的：

可是組件中的數(shù)據(jù)沒(méi)有即時(shí)更新：

需要我刷新瀏覽器它才會(huì)更新。

這種問(wèn)題怎么解決呢？