title: Vue computed throws 'Error in render: "InternalError: too much recursion"' when referencing the same key as in computed
body: <p>I am new to Vue. I would like to know how many times a function in <em>computed</em> has been called, so I wrote this component:</p>
  <pre><code>const ComputedCounter = {
      name: &quot;ComputedCounter&quot;,
      template: `
          &lt;span&gt;{{ value }}&lt;/span&gt;
      `,
      computed: {
          value() {
              const current = this.value || 0;
              return current + 1;
          }
      }
  }
  </code></pre>
  <p>However, 'Error in render: &quot;InternalError: too much recursion&quot;' error is thrown. I am confused, what is happening here and is there a way to make this work?</p>