title: How can I refresh computed property
body: <p>I want to use recomputed or some other way for followed issue. 
  When I save items rendered from <code>someData</code>, updated data is sent to the server.
  I want to refresh the <code>someData</code> so that we can see updated <code>someData</code> from the server.
  <code>$recomputed('someData')</code> is not working. </p>
  
  <p>I think I should use <code>Promise</code>, but have no idea how and where I implement that.
  I'd appreciate if anyone help me on this issue. Thanks for even minor help.</p>
  
  <p>component:</p>
  
  <pre><code>computed : someData : function() { 
    return this.getData()// this is getters in the store 
  }
  mounted() {
    this.pullData() //this is actions for fetching data in the store, 
    this action commits fetched data to the state for getters
  </code></pre>
  
  <p>Computed property <code>someData</code> is used in template.
  I want to edit and save <code>someData</code>.</p>
  
  <p>store</p>
  
  <pre><code>const actions = {
    async pullData(commit){
    await ...// fetch data from apis and commit 
    }
  }
  
  const getters = {
    getData : state.data
  }
  </code></pre>
  
  <p>also implemented mutation.</p>
  
  <p>This doesn't render <code>someData</code>, I mean <code>someData</code> is empty once rendered
  component.</p>
  
  <pre><code>data : { someData : [] },
  mounted (){
    this.pullData();
    this.someData = this.getData()
  }
  </code></pre>