[Vue警告]：您可能在组件渲染功能中有一个无限的更新循环

Question

当我尝试传递应为每个小部件增加的变量时，我收到了警告。

我看到的结果是好的（4,5,6），但是当我使用Vue Devtools扩展名检查值时它并不好，它说307,308,309。

Vue.component('r-widget', {
  data(){
    return {
        uniqueIdNew: 3          
    }
  },
  methods: {
    unid(){
        this.uniqueIdNew++;
        return this.uniqueIdNew;
    }
  },
  template: '
     <div>
         <bar-widget :uniqueId=unid()></bar-widget>
         <bar-widget :uniqueId=unid()></bar-widget>
         <bar-widget :uniqueId=unid()></bar-widget>
     </div>
   '
});

Vue.component('bar-widget', {
  props: ['uniqueId'],
  template: '<div>{{uniqueId}}</div>'
});

new Vue({
  el: '#root'
});