title: How to pass a PHP variable to Vue component instance in Laravel blade?
body: <p>How can I pass a value of a PHP variable to a Vue component in Laravel blade files?</p>
  
  <p>In my example, I have an inline template client-details, I get this view from <code>Laravel</code> so now I want to pass the <code>id</code> which comes with the url <code>/client/1</code> to my <code>Vue</code> instance.</p>
  
  <p>My component, which is loaded by <code>Laravel</code>, looks like:</p>
  
  <pre><code>&lt;client-details inline-template&gt;
      &lt;div id="client-details" class=""&gt;
            My HTML stuff
      &lt;/div&gt;
  &lt;/client-details&gt;
  </code></pre>
  
  <p>and mounted by:</p>
  
  <pre><code>Vue.component('client-details', {
      data(){
          return {
              clientId: null
          }
      },
  );
  </code></pre>
  
  <p>I already tried like </p>
  
  <pre><code>:clientId="{{ $client-&gt;id }"
  </code></pre>
  
  <p>but it does not work.</p>