How to properly write data to vue.js?

Question

Yii

Hello.
The backend is Yii 2, the front is Vue.js
ON yii 2 I pass some data to the render

return $this->controller->render(
            'catalog/index',
            [
                'products' => Json::encode($this->query)
            ]
        )

In the template, I insert them into a hidden div and, using jquery, I take them from the div and write them to the properties of the Vue object

<div class="hidden" id="products"><?= $products; ?></div>

this.products = JSON.parse($('#products').text());
How to transfer them correctly?
I know it's just awful to do this, so I'm asking for advice.
Thanks for the replies :)

Answer 1

Definitely json. At what I would send ajax and receive it. But you can also generate a variable.