title: Setting initial value for computed property with vuejs
body: <p><a href="https://i.stack.imgur.com/ssaG2.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ssaG2.png" alt="enter image description here"></a></p>
  
  <p>I'm trying out vuejs by following along with the laracasts series of webcasts on this. In <a href="https://laracasts.com/series/learning-vue-step-by-step/episodes/6" rel="nofollow noreferrer">https://laracasts.com/series/learning-vue-step-by-step/episodes/6</a>, Jeffery Way has put the code in the <a href="http://jsfiddle.net/d4f27e5p/" rel="nofollow noreferrer">http://jsfiddle.net/d4f27e5p/</a> . </p>
  
  <p>The initial setting is shown in the screenshot, before any plan is selected. I would like to set a default value in the button of "please select " (instead of "Downgrade") The button code is: </p>
  
  <pre><code>&lt;span v-else&gt;
          &lt;button @click="setActivePlan"&gt;
              {{ isUpgrade ? 'Upgrade' : 'Downgrade' }}
          &lt;/button&gt;
  </code></pre>
  
  <p>How can I do this?</p>