title: How to hide / show component in vuejs
body: <p>I'm developing a small application in <code>VueJs</code> where I'm having a div element and trying to show element if the data value is 1 and hide if the data value is 0, for this I'm having v-model as <code>withClient</code> something like this:</p>
  
  <pre><code>&lt;div class="col-sm-6"&gt;
      &lt;label class="col-sm-6 control-label"&gt;With client*:&lt;/label&gt;
      &lt;div class="radio col-sm-3"&gt;
          &lt;input type="radio" name="with_client" v-model="withClient" value="1" checked=""&gt;
          &lt;label&gt;
              Yes
          &lt;/label&gt;
      &lt;/div&gt;
      &lt;div class="radio col-sm-3"&gt;
          &lt;input type="radio" name="with_client" v-model="withClient" value="0"&gt;
          &lt;label&gt;
              No
          &lt;/label&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And the element which needs to be hidden:</p>
  
  <pre><code>&lt;div class="col-sm-6"&gt;
      &lt;label class="col-sm-3 control-label"&gt;Clients:&lt;/label&gt;
      &lt;div class="col-sm-8" v-if="withClientSelection"&gt;
          &lt;v-select
                  multiple
                  :options="contactClients"
                  :on-search="getOptions"
                  placeholder="Client name"
                  v-model="clientParticipants"&gt;
          &lt;/v-select&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I've computed property as <code>withClientSelection</code>:</p>
  
  <pre><code>withClientSelection() {
      if(this.withClient === 0)
      {
          this.clientParticipants = ''
          return false
      }
      else
      {
          return true
      }
  }
  </code></pre>
  
  <p>But somehow I'm not able to get this. Help me on this. Thanks</p>