Как использовать данные Laravel в компоненте Vue

Question

Структура файла

Внутри App.blade.php

Я использовал vue router для извлечения компонентов.

У меня есть нормальная переменная, такая как $users, которую я могудоступ в блейд-файле, например, {{$users}}.Теперь, как я могу получить доступ к тем же данным в моем компоненте?

Answer 1

Laravel - это язык сценариев на стороне php-сервера, скомпилированный перед интерфейсом Javascript, а Vue - это javascript.

Таким образом, чтобы получить значение переменной php в js, примите это значение в текстовом поле ввода как json

<input type="hidden" id="users" value="{{json_encode($users)}}">

А внутри vuejs внутри mount() обновите data's, usersэлемент

mounted(){
   var users = document.querySelector("#users").value;
   users = JSON.pars(users);
   this.users = users;
}

Answer 2

Если ваша $users переменная является коллекцией, вы можете использовать:

<my-component :users="{!! $users->toJson() !!}"></my-component>