title: How to vue watch a specific property in an array of objects
body: <p>I'm using vue.js 2.5.2</p>
  
  <p>I have an array of objects and I'd like to watch forms[*].selected and if it changes call a function.</p>
  
  <p>This is my attempt, but obviously it is not correct. I tried putting the array into a for loop to watch each object's property selected.</p>
  
  <pre><code>watch: {
     for (var i = 0; i &lt; forms.length; i++) {
       forms[i].selected: function(){
       console.log("change made to selection");
     }
   }
  },
  </code></pre>
  
  <p>This is the array of objects called forms[]</p>
  
  <pre><code>forms: [
          {
            day: '12',
            month: '9',
            year: '2035',
            colors: 'lightblue',//default colour in case none is chosen
            selected: true
          },
          {
            day: '28',
            month: '01',
            year: '2017',
            colors: 'lightgreen',//default colour in case none is chosen
            selected: true
          }
        ],
  </code></pre>
  
  <p>Any help would be greatly appreciated,</p>
  
  <p>Thanks</p>