title: Creating first view in Vue.js
body: <p>I'm creating first view in Vuejs like this:</p>
  
  <pre><code>&lt;template&gt;
    &lt;p&gt;Welcome to MyWebsite&lt;/p&gt;
    &lt;p&gt;These terms and conditions outline the rules and regulations for the use of MySite Website.&lt;/p&gt; &lt;br /&gt;
    &lt;span style="text-transform: capitalize;"&gt; MySite&lt;/span&gt; is located at:&lt;br /&gt;
    &lt;address&gt;Adresss , City&lt;br /&gt;State - 00000, USA&lt;br /&gt;
    &lt;/address&gt;
  
  &lt;/template&gt;
  </code></pre>
  
  <p>But I always get </p>
  
  <blockquote>
    <p><p>Welcome to MyWebsite</p>   <p>These terms and conditions outline
    the rules and regulations for the use of MySite Website.</p> <br /><br>
     MySite is located
    at:<br />   Adresss , City<br />State - 00000, USA<br /><br>
    </p>
    
    <ul>
    <li>Component template should contain exactly one root element. If you are using v-if on multiple elements, use v-else-if to chain them
    instead.</li>
    </ul>
  </blockquote>
  
  <p>why it recommend me to use v-if? I don't understand what should I do there? Regards</p>