title: How to put class="active" to first element in vuejs for loop
body: <p>I'm trying to learn vue.js. I'm adding list of elements, I want to add <code>class="active"</code> only to the first element in the for loop. following is my code:</p>
  
  <pre><code>&lt;div class="carousel-inner text-center " role="listbox"&gt;
      &lt;div class="item" v-for="sliderContent in sliderContents"&gt;
          &lt;h1&gt;{{ sliderContent.title }}&lt;/h1&gt;
          &lt;p v-html="sliderContent.paragraph"&gt;&lt;/p&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>So the first element should look like something this:</p>
  
  <pre><code>&lt;div class="item active"&gt;
      &lt;h1&gt;WELCOME TO CANVAS&lt;/h1&gt;
      &lt;p&gt;Create just what you need for your Perfect Website. Choose from a wide&lt;br&gt;range of Elements &amp; simple put them on your own Canvas&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I'm able to get the data so everything is working perfectly fine.</p>
  
  <p>And following is  my script code:</p>
  
  <pre><code>&lt;script&gt;
  export default{
      data() {
          return {
              sliderContents: [
                  {
                      title: "WELCOME TO CANVAS",
                      paragraph: "Create just what you need for your Perfect Website. Choose from a wide&lt;br&gt;range of Elements &amp; simple put them on your own Canvas"
                  },
                  {
                      title: "WELCOME TO CANVAS",
                      paragraph: "Create just what you need for your Perfect Website. Choose from a wide&lt;br&gt;range of Elements &amp; simple put them on your own Canvas"
                  },
                  {
                      title: "WELCOME TO CANVAS",
                      paragraph: "Create just what you need for your Perfect Website. Choose from a wide&lt;br&gt;range of Elements &amp; simple put them on your own Canvas"
                  },
                  {
                      title: "WELCOME TO CANVAS",
                      paragraph: "Create just what you need for your Perfect Website. Choose from a wide&lt;br&gt;range of Elements &amp; simple put them on your own Canvas"
                  }
              ]
          }
      }
  }
  </code></pre>
  
  <p></p>
  
  <p>Help me out.</p>