title: [Vue warn]: You may have an infinite update loop in watcher with expression "chartData"
body: <p>Below is a copy of my vue file with the watcher mentioned in the warning:</p>
  
  <pre><code>&lt;script&gt;
    import { Radar } from 'vue-chartjs'
  
    export default {
      extends: Radar,
      props:['chartData','options'],
      mounted () {
        this.renderChart(this.chartData, this.options)
      },
      watch: {
        chartData: {
          handler: function(newVal, oldVal) {
            this.$data._chart.update()
          },
          deep: true
        }
      }
    }
  &lt;/script&gt;
  </code></pre>
  
  <p>I don't see anything wrong with the code and don't know why it is causing a loop. Any help would be appreciated. I am passing in chartData via props. If you need anything else, please let me know.</p>
  
  <p>To try to make things easier, below is how I am passing in the prop chartData:</p>
  
  <pre><code>&lt;caChampions :chartData="dataForLChampions" :options="optionsForLChampions" /&gt;
  </code></pre>
  
  <p>This data is updated every time someone selects something from a drop-down. The code from the drop-down is below:</p>
  
  <pre><code>&lt;v-autocomplete
                  label="Champion"
                  placeholder="Enter Champion's Name Here"
                  :loading="championSelectLoading"
                  v-model="selectedChampion"
                  @input="getChampionInfo()"
                  :items="champions"
                  autocomplete
                  autofocus
                  outline
                  full-width
                  &gt;&lt;/v-autocomplete&gt;
  </code></pre>
  
  <p>The first time someone selects something, it works great. However, the second selection on creates a loop and I am not sure why.</p>