How to assign vue variable value to php variable?

Question

Vue.js

var app = new Vue({
el: '.blog',
data: {
mes : 'there should be a value from php'
}
});

Answer 1

Extremely wrong approach to development! Do not mix warm with soft. Vue is purely front-end, it should only communicate with the php back-end through API requests. The fact that you generate the front code on the back is a very outdated approach, you don’t need to write like this now from the word at all. So frontend frameworks do not use!

Answer 2

PHP => HTML data attribute => Vue.

Answer 3

It's better not to do this, but it's possible

var app = new Vue({
el: '.blog',
data: {
mes : '<?= $var ?>'
}
});

Answer 4

Recently there was the same task, on WordPress I screwed Vue. To pass a variable from php, I used the wp_localize_script function, in short, it will output something similar

<script type='text/javascript'>
/* <![CDATA[ */
var object_name = {"some_string":"Some string to translate","a_value":"10"};
/* ]]> *//code>

В соседней ветке рекомендуют так выводить на странице
<code lang="php">
echo sprintf("<script>var json_data = '%s';</script>", json_encode($arr));
</code>