Laravel Vue变量

Question

我很难理解如何在Laravel中将Vue变量与Blade模板结合起来。

这有效：

<ul id="media" v-if="files !== null">
    <li v-for="item in files">
        @{{ item.file }}
    </li>
</ul>

这不起作用：

<ul id="media" v-if="files !== null">
    <li v-for="item in files">
        <img src="{{ url('/storage') }}@{{ item.file }}">
    </li>
</ul>

如何将Blade模板与Vue结合？

Answer 1

我自己找到了解决方案-必须以这种方式使用它：

<img :src="'storage/' + item.file">

Answer 2

您必须将 vue 数据对象 v-bind 到 html 属性。