Vue.js: error setting a computed property
<p>in the following code (<a href="http://jsbin.com/jecizihaji/edit?html,js,output" rel="nofollow">jsbin available here</a>) I have two input elements, a range and a text, bound together via a computed property.</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>var vm = new Vue({
  el: '#main-container',
  data: {
    sliderValue: 100,
  },
  computed: {
    actualValue: {
      get: function() {
        if (this.sliderValue &lt;= 100) {
          return this.sliderValue;
        } else {
          return Math.round(this.sliderValue * 12.5 - 1150);
        }
      },
      /* set won't work for val &gt; 100*/
      set: function(val) {
        if (val &lt;= 100) {
          this.sliderValue = val;
        } else {
          this.sliderValue = Math.round((val + 1150)/12.5);
        }
      }
    }
  },
  methods: {
    
  }
})</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.0.3/vue.js"&gt;&lt;/script&gt;
    &lt;div id="main-container"&gt;
      &lt;input type="range" v-model="sliderValue" min=1 max=132&gt;
      &lt;input type="text" v-model="actualValue"&gt;
      &lt;p&gt;Slider: {{sliderValue}}&lt;/p&gt;
      &lt;p&gt;Actual: {{actualValue}}&lt;/p&gt;
    &lt;/div&gt;</code></pre>
</div>
</div>
</p>

<p>The range goes from 1 to 132, and its <em>range</em> is mapped [1..500] in the text input, with a simple transformation (basically it's a linear mapping with two different slopes for [1..100] and [101..132]) using the <em>actualValue</em> computed property.</p>

<p>Getting actualValue works as expected: dragging the slider correctly updates the input text with appropriate values in the range [1..500].</p>

<p>I'm not able to find a way to set actualValue, though. I'd like to be able to type a value in the text input, and make the slider's thumb update accordingly to the inverse transformation (val + 1150)/12.5.</p>

<p>It works as long as the typed number is in the range [1..100], but it "explodes" for numbers >100, e.g. 101 makes the sliderValue jump at 80892 and actualValue is then re-calculated as 1010000. As far as I understand, it's a looping-feedback scenario.</p>

<p>I've tried also alternative approaches (watch; v-on:change in the text input; using a third variable) to no avail. </p>

<p>Thanks in advance for any suggestion!</p>