title: How to pass props to input value in Vuejs
body: <p>I have a parent component as a Cart. Here I defined quantity and I want to pass this quantity to the child component's input value which is Counter. So here how I am passing it and here is my parent component, Cart:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;Counter quantity=&quot;item.quantity&quot;/&gt;
  </code></pre>
  <p>And here is my child component, Counter:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;template&gt;
      &lt;div id=&quot;counter&quot;&gt;
          &lt;button class=&quot;minus&quot; @click=&quot;countDown&quot;&gt;&lt;i :class=&quot;quantity == 0 ? 'disabled' : ''&quot; class=&quot;fas fa-minus&quot;&gt;&lt;/i&gt;&lt;/button&gt;
          &lt;div class=&quot;count-number&quot;&gt;&lt;input class=&quot;counter-content&quot; type=&quot;number&quot; v-model=&quot;quantity&quot;&gt;&lt;/div&gt;
          &lt;button class=&quot;plus&quot; @click=&quot;countUp&quot;&gt;&lt;i class=&quot;fas fa-plus&quot;&gt;&lt;/i&gt;&lt;/button&gt;
      &lt;/div&gt;
  &lt;/template&gt;
  &lt;script&gt;
      export default {
          props: {
              quantity: Number
          },
          methods: {
              countUp() {
                  this.quantity++;
              },
              countDown() {
                  if(this.quantity &gt; 0) {
                      this.quantity--;
                  }
              },
          }
      }
  &lt;/script&gt;
  </code></pre>
  <p>I am quite new in Vue, so maybe I am doing something wrong when I pass the props. So could you help me about this?</p>