title: Vue: Why aren't list's items responsive?
body: <p>I have a list of items that I pass to the component as props. Then I want to create  a computed list mapped on the props list. What I do:</p>
  
  <pre><code>computed: {
      assets: function(){
          var self = this;
          var mappedList = [];
          if (self.sourceList &amp;&amp; self.sourceList.length){
              mappedList = _.map(self.sourceList, function(asset){
                  return { title: asset.title, id: asset.id};
              });
          }
          return mappedList;
      }
  }
  </code></pre>
  
  <p>I can see the mapped list then rendered:</p>
  
  <pre><code>&lt;div v-for="asset in assets"  :key="asset.id"&gt;
     &lt;span&gt;{{asset.title}}&lt;/span&gt;
     &lt;input v-model="source.title" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I can't figure out why but when I change a title it's not changed for the item is being edited.</p>
  
  <p>(If I try just create a new list and use push method to add items into it, the result is the same).</p>
  
  <p>UPD Solution found. As @WW noted some data should be used. I just move the list to the data and watch props and it worked.</p>