vuex与el-table绑定数据问题

vuex数据更新后，插件中使用数据的地方没有更新，刷新浏览器后，vuex数据再次存放，而el-table却没有数据。

//el-table绑定数据
<el-table
    :data="tableData"
    style="width: 100%">

data() {
      return {
        tableData: this.$store.state.userStore.outComeList
      }

问题：

要解决问题，就得理解vue生命周期，页面加载前 tableData 获取 store 里的值赋给自己，这样 tableData 只有一初始值，后续vuex中状态发生改变，并不会再次赋值给 tableData ，除非页面刷新重新加载，组件生命周期重新开始，才能拿到最新的值

解决

1.去掉组件中 tableData 的状态，在模板中直接使用 $store.state.AdminInfo 这样就能随时拿到最新的状态值了

<el-table
    :data="this.$store.state.userStore.outComeList"
    style="width: 100%">
 data() {
      return {
       
      }