title: Axios get on a property change
body: <p>I have list of months and I want to retrieve from the API the appointments for each of those months on click. What I have now: </p>
  
  <p>HTML</p>
  
  <pre><code>&lt;div class="months"&gt;
      &lt;a v-on:click="retrieveCalendar(index + 1, currentYear, month)" v-bind:class="{active : month.isActive}" v-for='(month, index) in months'&gt;{{ month.name }}&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>JS</p>
  
  <pre><code>methods: {
      retrieveCalendar: function(month, year, object = []) {
          axios.get('api/calendar/' + year + '/' + month + '/1').then(response =&gt; (this.days = response.data));
      }
  }
  </code></pre>
  
  <p>This works, but is abysmal. I need lots of other stuff to happen in that method, like for example - change the <code>isActive</code> parameter.</p>
  
  <p>I am also calling this method in <code>create()</code> in order to call the initial set of events - is that the right approach?</p>
  
  <p>Is there a way to use computed properties to watch <code>year</code> and <code>month</code> and if they are changed to fire the <code>retrieveCalendar</code> method? Or should I be using <code>method</code> at all or should I move this somehow to a computed property? Or is there another hundreth way for this to be done properly?</p>