<p>Hello,</p>
<p>I am working on a php site where I want to pass a php string variable to be used in a .vue component. Can someone help me wit this?</p>
<p>here is what i have in code: index.php</p>
<p>&lt;?php 
$foo = 72;
?&gt;</p>
<p>&lt;div id=&#39;app&#39;&gt;&lt;/div&gt;
app.js</p>
<p>import App from &#39;./views/App&#39;;
new Vue({
  el: &#39;#app&#39;,
  render: h =&gt; h(App)
});
App.vue</p>
<p>&lt;template&gt;

&lt;/template&gt;

</p>
<p>&lt;script&gt;
export default {
name: &#39;App&#39; <a target='_blank' rel='noopener noreferrer'  href="https://quietaircompressors.review">,</a> 
 data() {
  return {
   foo: &#39;&#39;
  }
 }
}
&lt;/script&gt;

</p>
<p>&lt;style&gt;&lt;/style&gt;
As you can see in index.php, $foo = 72. I want that 72 value will be pass on to $foo in App.vue</p>
<p>thanks
iosman</p>


Hello,

I am working on a php site where I want to pass a php string variable to be used in a .vue component. Can someone help me wit this?

here is what i have in code: index.php

<?php 
$foo = 72;
?>

<div id='app'></div>
app.js

import App from './views/App';
new Vue({
  el: '#app',
  render: h => h(App)
});
App.vue

<template>

</template>

<script>
export default {
name: 'App' [,](https://quietaircompressors.review) 
 data() {
  return {
   foo: ''
  }
 }
}
</script>

<style></style>
As you can see in index.php, $foo = 72. I want that 72 value will be pass on to $foo in App.vue

thanks
iosman

Passing PHP variable to vue.js vue component

Product

Explore

Company

Blogs

Partner with us

Support

Comparisons

Comparisons