title: How to pass a value from Laravel blade to a vue component?
body: <p>I am working on laravel / vue project and i want to pass a value from laravel blade to the vue component but i get this error :</p>
  <blockquote>
  <p>Missing required prop: &quot;id&quot; at </p>
  </blockquote>
  <p>The vue component:</p>
  <pre><code>export default {
      props:{
          id:{
              required : true
          }
      },
      mounted() {
          console.log(this.id)
      },
  }
  </code></pre>
  <p>The Laravel blade:</p>
  <pre><code>&lt;div id=&quot;add_product&quot;&gt;
     &lt;add-product :id=&quot;{{$product_id}}&quot;&gt;&lt;/add-product&gt;
  &lt;/div&gt;
  </code></pre>