title: Vue JS do not show <p> if property is undefined
body: <p>I have this markup on my template: </p>
  
  <pre><code>&lt;div class="locButton" v-for="location in locResult.slice(0, 4)"&gt;
    &lt;h5&gt;{{ location.legal_name }}&lt;/h5&gt;
    &lt;p&gt;{{ location.address1 }}&lt;p&gt;
    &lt;p v-if="location.address2 !== undefined"&gt;{{ location.address2 }}&lt;/p&gt;
    &lt;p&gt;{{ location.pri_phone }}&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>But as result the element still gets printed like this on the DOM: </p>
  
  <pre><code>&lt;div class="locButton"&gt;
     &lt;h5&gt;Name&lt;/h5&gt; 
     &lt;p&gt;Address1&lt;/p&gt;
     &lt;p&gt;&lt;/p&gt;&lt;!----&gt; 
     &lt;p&gt;Phone&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>What should I do on the v-if in order to <strong>not</strong> output the html <code>&lt;p&gt;</code> tag at all if that property is undefined or empty?</p>