如何将laravel中的数据提供给vue.js?

时间:2017-12-05 09:26:35

标签: laravel-5 vue.js

当我开始编写应用程序时,我习惯使用laravel blade。但现在我必须将所有转移到vue js,我不知道如何从控制器向vue.js提供数据。另外我不知道如何传输此代码

@if(Session::has('error_text'))
        <div class="col-md-6 col-md-offset-3 formMessage">
            <div class="iw">
                <div class="text-error">{{Session::get('error_text')}}</div>
                @if(Session::has('with_link'))
                    <div class="help-text"><a href="{{Session::get('with_link')}}">{{Session::get('link_text')}}</a></div>
                @endif

                @if(Session::has('unknown_symbols'))
                    <div class="help-text"><a href="#">Report a bug</a></div>
                @endif
            </div>
        </div>
    @endif

2 个答案:

答案 0 :(得分:0)

在刀片文件中,如果要访问vue数据,则应使用@{{ item }}。在插值之前使用@符号可以转义刀片模板。

要将数据从laravel传递到vue本身,您应该使用从Vue调用的JSON并将其分配给变量。

答案 1 :(得分:0)

执行此操作的最佳方法是创建组件并使用属性

分配数据
<custom-component data="{{ $bladeVariable }}"></custom-component>