title: Computed Property not updating vue
body: <p>I am trying to pass an array of object from an async function in a .js file to a .Vue file where it gets it via a computed property. Unfortunately, it's not working. I would like to ask on how could I fix this</p>
  <p>ModelList.js file</p>
  <pre><code>export default function(vm) {
    let modelList = []
  
    const getList = async () =&gt; {
      const data = await crud('model').list()
      modelList = data
  
   }
  
    getList()
  
    return {
     ...,
     tableList: modelList
    }
  }
  </code></pre>
  <p>Table.Vue file</p>
  <pre><code>&lt;template&gt;...&lt;/template&gt;
  &lt;script&gt;
  ...
  data: () =&gt; ({
    ...
  }),
  computed: {
    ...,
    tableList() {
      return this.table.tableList
    }
  },
  &lt;/script&gt;
  </code></pre>
  <p>Model.vue file</p>
  <pre><code>&lt;template&gt;
    &lt;Table v-bind=&quot;{tableList}&quot; /&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
    import modelList from '../../meta/modelList'
    export default {
      ...,
    components: {
      Table
    },
    computed: {
      tableList () {
        return modelList
  &lt;/script&gt;
  </code></pre>
  <p>The flow is ModelList.js gets imported by Model.vue. Model.vue pass it to Table.vue</p>
  <p>When I tried printing modelList in .js file, it shows the correct data. But when I try to print it in .Vue file, it shows null.</p>