title: EmberJS: refreshing a data model does not update associated computed properties
body: <p>Let's say there is a route with capabilities to update it's data when requested by the user (assume the backend returns different data for the same call, maybe it's stock data, or just random numbers).</p>
  
  <pre><code>export default Ember.Route.extend({
    model() {
      return this.get('store').findAll('foo');
    },
  
    actions: {
      invalidateModel() {
        this.refresh();
      }
    }
  });
  </code></pre>
  
  <p>Now, a component consuming this model directly will update its view as expected.</p>
  
  <pre><code>Model: {{#each model as |m|}}{{m.bar}}{{/each}}
  &lt;button {{action "refreshModel"}}&gt;Refresh model&lt;/button&gt;
  </code></pre>
  
  <p>But, if the component is using a computed property observing the model, then the updates do not carry through.</p>
  
  <p><em>Template</em>  </p>
  
  <pre><code>Model: {{#each computedModel as |m|}}{{m}}{{/each}}
  &lt;br&gt;
  &lt;button {{action "refreshModel"}}&gt;Refresh model&lt;/button&gt;
  </code></pre>
  
  <p><em>Component</em>  </p>
  
  <pre><code>computedModel: Ember.computed('model', function() {
    return this.get('model').map(function(m) {
      return `Computed: ${m.data.bar}`;
    });
  }),
  </code></pre>
  
  <p>For a full repro, you can check out: <a href="https://github.com/myartsev/ember-computed-properties-on-data-model" rel="nofollow noreferrer">https://github.com/myartsev/ember-computed-properties-on-data-model</a></p>
  
  <p>The latest commit is the non-working computed properties case.<br>
  The <a href="https://github.com/myartsev/ember-computed-properties-on-data-model/commit/3e8a76d59e0981b62b92142b506e21be809c2739" rel="nofollow noreferrer">previous commit</a> is when everything is still working correctly when using the model directly.</p>
  
  <p>What am I missing? </p>