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

是否可以将变量从控制器传递到vuejs？我读过一些答案，但似乎没有什么对我有用。我想将变量$url传递给vue。我试过这样的东西

var url={！！$url！！}这给了我语法错误：app.js中出现意外令牌

示例url

控制器

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')
        }()
    }
});

刀片模板

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

@endsection

@节（“内容”）
{！！$url！！}
@端部
如果您想在blade文件中的脚本标记中声明javascript变量，则需要将变量放在引号中，如下所示

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


var url='{{$url}}'；
如果您想在blade文件中的脚本标记中声明javascript变量，则需要将变量放在引号中，如下所示

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


var url='{{$url}}'；
您可以使用此软件包：

您可以使用此软件包：

尝试向搜索组件添加道具：与vuejs组件一样，在vuejs组件中添加道具“url”，并通过this.url访问url。语法错误是什么？var url={！！$url！！}的来源是什么；看起来像在页面上吗？语法错误是var url={！！$url！！}的意外标记。添加o道具也会产生错误-无效表达式：：url=添加道具是正确的方法。请阅读有关它的vue文档。尝试向搜索组件添加道具：与vuejs组件一样，在vuejs组件中添加道具“url”，并通过this.url访问url。语法错误是什么？var url={！！$url！！}的来源是什么；看起来像在页面上吗？语法错误是var url={！！$url！！}的意外标记。添加o道具也会产生错误-无效表达式：：url=添加道具是正确的方法。请阅读有关它的vue文档。谢谢，这是可行的，但我正在考虑如何在应用程序中访问此变量。js@Imi我如何做到这一点，是通过在我的主刀片文件中定义所有php javascript变量，如我上面所示，然后在app.js脚本中引用它。请确保在声明变量后调用app.js脚本。谢谢，我不知道我们可以这样做：）谢谢，这很有效，但我正在考虑如何在app中访问此变量。js@Imi我如何做到这一点，是通过在我的主刀片文件中定义所有php javascript变量，如我上面所示，然后在app.js脚本中引用它。请确保在声明变量后调用app.js脚本。谢谢，我不知道我们可以做这样的事情：）因为我完全支持这个答案，我无法让它与laravel 5.4正常工作。它不断出现“非复合名称的use语句‘Javascript’无效”的情况，因为我完全支持这个答案，我无法让它与laravel5.4正常工作。它不断出现“带有非复合名称的use语句”Javascript“无效”