Setting initial value for computed property with vuejs
<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>