Laravel使用vue.js定义未定义的变量异常

Question

我想在laravel刀片系统中测试一个简单的vue.js,这是我在test.blade.php视图文件中的代码:

<div id="app">
   <p>{{message}}</p>
</div>
 <script src="{{url('/assets/js/vue/vue.min.js')}}"></script>
 <script>
  new Vue({
    el:'#app',
    data:{
        message:"hello world"
    }
});
</script>

问题是渲染视图文件laravel想要将消息作为变量或常量访问,并且因为没有任何消息变量传递给视图我得到使用未定义的常量异常.那么解决方案是什么？

Answer 1

添加@ {{message}}

这将告诉刀片忽略这一点.