javascript - 如何将变量从 laravel 5.4 传递到 vuejs

Question

是否可以将变量从 Controller 传递到 vuejs？我读过一些答案，但似乎没有什么对我有用。我想将变量 $url 传递给 vue.我尝试过类似的事情

var url = {!! $url !!}; 这给了我语法错误:app.js 中的意外标记

示例网址 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')
        }()
    }
});

Blade 模板

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

@endsection

Answer 1

如果您想在 Blade 文件内的脚本标记中声明 JavaScript 变量，则需要将变量放在引号中，如下所示

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