Как передать переменную Vue.js в php-функцию?

Question

У меня есть проект Laravel 5.1, который я пытаюсь улучшить и теперь переношу некоторые функции на Vue.js, чтобы сделать его более интерактивным и прочим.

На мой взгляд, у меня есть

<img src="{{ file_storage_path($product->path) }}" alt="{{$product->name}}"/> 

Это реализация по умолчанию с использованием Laravel-х blade.

Теперь, когда я передать это в Vue.js я бы что-то вроде этого

<img src="{{ file_storage_path(product.path) }}" alt="@{{product.name}}"/> 

Но это, конечно, не удается. Поэтому мне нужны оба - для вызова php-function и в то же время для отображения данных Vue.

Я попробовал этот

src="{{ file_storage_path(@{{product.path}}) }}" 

Но это, конечно, не может тоже. какие-либо предложения?

Answer 1

Поскольку я не мог найти способ вставить как синтаксис лезвия, так и Vue.js переменная рендеринга. Я вижу, что решение состоит в том, чтобы сначала вызвать функцию php, а затем добавить рендеринг Vue.js.

Таким образом, обходной путь будет

<img :src="'{{ file_storage_path('/') }}' + image.path" alt="@{{product.name}}" /> 

Это решение будет работать только для конкретного случая, он не получает ответа на мой первоначальный вопрос, когда функция PHP на самом деле нужно принять переменную Vue. Но в этом случае я могу просто добавить значения.