title: Passing PHP variable to vue.js vue component
body: <p>I am working on a wordpress site where I need to pass a php string variable to a .vue component so that one of the vue variable will reflect the value of the php varaible</p>
  
  <p>index.php</p>
  
  <pre><code>&lt;?php 
  $foo = 72;
  ?&gt;
  
  &lt;div id='app'&gt;&lt;/div&gt;
  </code></pre>
  
  <p>app.js</p>
  
  <pre><code>import App from './views/App';
  new Vue({
    el: '#app',
    render: h =&gt; h(App)
  });
  </code></pre>
  
  <p>./views/App.vue</p>
  
  <pre><code>&lt;template&gt;
  &lt;h1&gt;{{ foo }}&lt;/h1&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  export default {
  name: 'App',
   data() {
    return {
     foo: ''
    }
   }
  }
  &lt;/script&gt;
  
  &lt;style&gt;&lt;/style&gt;
  </code></pre>
  
  <p>As you can see in index.php, $foo = 72.  I want that 72 value will be pass on to $foo in App.vue</p>