title: [Vue warn]: You may have an infinite update loop in a component render function
body: <p>I get that warning when I try to pass variables that should increment for each bar-widget.</p>
  
  <p>The result I see is good (4,5,6), but it's not good when I check values with Vue Devtools extension, it says 307, 308, 309.</p>
  
  <pre><code>Vue.component('r-widget', {
    data(){
      return {
          uniqueIdNew: 3          
      }
    },
    methods: {
      unid(){
          this.uniqueIdNew++;
          return this.uniqueIdNew;
      }
    },
    template: '
       &lt;div&gt;
           &lt;bar-widget :uniqueId=unid()&gt;&lt;/bar-widget&gt;
           &lt;bar-widget :uniqueId=unid()&gt;&lt;/bar-widget&gt;
           &lt;bar-widget :uniqueId=unid()&gt;&lt;/bar-widget&gt;
       &lt;/div&gt;
     '
  });
  
  Vue.component('bar-widget', {
    props: ['uniqueId'],
    template: '&lt;div&gt;{{uniqueId}}&lt;/div&gt;'
  });
  
  new Vue({
    el: '#root'
  });
  </code></pre>