1.

How To Pass Laravel Variable Value To Vue Js Variable?

Answer»

vue js PROPS is used To pass laravel variable value to vue js variable

blade.php:

 <?php 

$site_url = URL('');

?> 

<Home site_url="{{$site_url}}"></home> 

home.vue:

export default { 

props: [ 'site_url'], 

data: function() 

{ 

return { 

sitename:this.site_url

}

},

CREATED: function () {

console.log('Component created.')

},

methods: {

displayname:function(url){ 

console.log(this.sitename)

} 

},

MOUNTED() {

console.log('Component mounted.')

}

}

vue js PROPS is used To pass laravel variable value to vue js variable

blade.php:

 <?php 

$site_url = url('');

?> 

<Home site_url="{{$site_url}}"></home> 

home.vue:

export default { 

props: [ 'site_url'], 

data: function() 

{ 

return { 

sitename:this.site_url

}

},

created: function () {

console.log('Component created.')

},

methods: {

displayname:function(url){ 

console.log(this.sitename)

} 

},

mounted() {

console.log('Component mounted.')

}

}


Discussion

No Comment Found

Related InterviewSolutions