title: How to show the correct computed value according an element?
body: <p>I have this "roi calculator" where the user can range some labels. 
  And, I have one range called "onlineRevenue".
  The idea is offer the best plan according the onlineRevenue number.</p>
  
  <p><strong>But, to do this, I have limitations</strong>:</p>
  
  <ul>
  <li>If the onlineRevenue is less than 100 000, I offer the 'essentialYear'; </li>
  <li>If the onlineRevenue is between 100 000 and 300 000, I offer the 'accelerateYear';</li>
  <li>If the onlineRevenue is between 300 000 and 500 000, I offer the 'Ultimate';</li>
  </ul>
  
  <p><strong>How I can add this limitations using vue to the variable "subscriptionFee" understand the rules above?</strong></p>
  
  <p>For example, someone suggest to use the direct numbers, without the data, like that</p>
  
  <pre><code>          subscriptionFee: function() {
            var feesuggest = this.onlineRevenue &lt;=100000;
            return this.essentialYear;
          },
  </code></pre>
  
  <p>But the idea is generate a variable where the if the value is X, show that. And with this code above, I can't do comparison between values. </p>
  
  <p>I create a <a href="https://jsfiddle.net/barbrasp/g3k9y7hL/1/" rel="nofollow noreferrer">jsfiddle</a> to work with the code, to be more easier to understand my question. </p>