Wie übergibt man eine Variable von Laravel 5.4 an Vuejs

Question

Ist es möglich, eine Variable vom Controller an Vuejs zu übergeben? Ich habe einige Antworten gelesen, aber nichts scheint für mich zu funktionieren. Ich möchte die Variable $ url an vue übergeben. Ich habe einige Sache wie diese

versucht

var url = {!! $url !!}; das gibt mir Syntaxfehler: unerwartetes Token in app.js

Beispiel url http://eventregistry.org/json/suggestConcepts?prefix=sam&lang=eng&callback=JSON_CALLBACK

-Controller

class SearchCompanyName extends Controller 
{ 
    public function getcompanyname($name) 
    { 
     return "http://eventregistry.org/json/suggestConcepts?prefix=" . $name . "&lang=eng&callback=JSON_CALLBACK"; 
    } 

    public function index() 
    { 
     $url = $this->getcompanyname(Input::get("company_name_by_user")); 
     return view('searchcompany', ['url' => $url]); 

    } 
} 

vue App .js

Vue.component('search', require('./components/Searchnames.vue')); 
const search = new Vue({ 
    el: '#search', 
    data: { 
    }, 
    method: { 
     getMessages: function(){ 
      console.log('I am here') 
     }() 
    } 
}); 

Blattvorlage

@section('content') 
<div class="container"> 
{!! $url !!} 
<search></search> 
</div> 

@endsection 

Answer 1

Wenn Sie Ihren JavaScript-Variable in einem Skript-Tag innerhalb einer Blade-Datei deklarieren möchten, müssen Sie die Variable in Anführungszeichen wie so

<script> 
    var url = '{{ $url }}'; 
</script> 

Answer 2

setzen Sie können dieses Paket verwenden: https://github.com/laracasts/PHP-Vars-To-Js-Transformer

public function index() 
{ 
    JavaScript::put([ 
     'foo' => 'bar', 
     'user' => User::first(), 
     'age' => 29 
    ]); 

    return View::make('hello'); 
}