title: Issues an event in the child components to assign a variable
body: <p>I have a parent component that contains 5 child components and in each I have the following attribute</p>
  <pre><code>&lt;div class=&quot;step&quot; id=&quot;step-one&quot; :collapsed=&quot;isCollapsed&quot;&gt;
          &lt;div class=&quot;step__title&quot;&gt;
              &lt;span&gt;1&lt;/span&gt;
              &lt;h3&gt;-&lt;/h3&gt;
              &lt;a href=&quot;&quot; class=&quot;btn btn--secondary btn--sm&quot;&gt;view / edit&lt;/a&gt;
          &lt;/div&gt;
  </code></pre>
  <p>I imported them as follows in the parent component</p>
  <pre><code>&lt;template&gt;
      &lt;div&gt;
          &lt;ad-step-one @setCollapsed=&quot;nextStep()&quot; :isCollapsed=&quot;isCollapsed&quot;/&gt;
          &lt;ad-step-two @setCollapsed=&quot;nextStep()&quot; :isCollapsed=&quot;isCollapsed&quot;/&gt;
          &lt;ad-step-three /&gt;
          &lt;ad-step-four /&gt;
          &lt;ad-step-five /&gt;
      &lt;/div&gt;
  &lt;/template&gt;
  &lt;script&gt;
  export default {
      data() {
          return {
             isCollapsed: false,
          }
      },
      mounted() {
        
      },
      methods: {
         nextStep() {
             return this.isCollapsed = true;
         }
      }
  }
  &lt;/script&gt;
  </code></pre>
  <p>And the button with which I should access the event in the child component is this</p>
  <pre><code> &lt;div class=&quot;form-actions&quot;&gt;
                  &lt;button class=&quot;btn btn--@click=&quot;$emit('setCollapsed', true)&quot;&gt;Next step &amp;rarr;&lt;/button&gt;
              &lt;/div&gt;
  </code></pre>
  <p>My question. now, how can I differentiate that function?
  Could I use the class id?
  step-one, step-two?
  If so, how could I do that.</p>