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

代碼是：

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

當觸發(fā)logout方法的時候：

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

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

需要我刷新瀏覽器它才會更新。

這種問題怎么解決呢？