vue页面如何及时更新页面数据问题

store/modules新建个文件，我这里命名为：updateOrderList.js (获取指定页面的this实例化对象)
const state = function() {
  return {
    pageThis: '', // 组件实例
    pagePaths: ['/canteen/orderManage/list'], // 需要更新数据的组件路径
    timerTime: 1000 * 30,
    timerAction: null // 定时器
  }
}
const mutations = {
  // 更新pageThis
  updateThisMutation(state, that) {
    console.log(state)
    state.pageThis = that
  }
}
const actions = {
  // 获取组件this
  getComponentThisAction(context, that) {
    const path = that.$route.path
    const pagePaths = context.state.pagePaths
    if (pagePaths.includes(path)) {
      context.commit('updateThisMutation', that)
      if (context.state.timerAction) {
        return
      }
    }
  }
}
export default {
  namespaced: true,
  state: state,
  mutations: mutations,
  actions: actions
}

import updateOrderList from './modules/updateOrderList'
const store = new Vuex.Store({
    updateOrderList
})

import { mapActions } from 'vuex'
mounted() {
  this.getComponentThisAction(this) // 调用vuex方法用于获取实例化
},
beforeDestroy() {
    this.getComponentThisAction('') // 离开页面时销毁实例化
},
methods: {
    ...mapActions('updateOrderList', ['getComponentThisAction'])
})

import store from '@/store'
mounted() {
    this.loadNewOrderData()
},
methods: {
  loadNewOrderData() {
    setTimeout(() => {
      this.$message({
        message: '数据更新了'
      })
      const pageThis = store.state.updateOrderList.pageThis
      if (pageThis && pageThis.$route.path === '/canteen/orderManage/list') {
        pageThis.getOrderList(pageThis.currentPage)
      }
      this.loadNewOrderData()
    }, 5000)
  }
}