Laravel vuejs一直说数据未定义

Laravel vuejs一直说数据未定义,laravel,vue.js,Laravel,Vue.js,我刚接触过laravel/vue js。我正在学习一些教程,但我无法在html中呈现数据。它抛出错误消息由于某种原因未定义。而且,从最初的laravel项目设置开始,我并没有做太多改变 还有一个问题。我希望看到console.log结果,但它没有显示在chrome开发工具中。这对laravel应用程序正常吗 使用未定义常量消息时出错-假定为“消息”(视图: /home/vagrant/flowers/resources/views/app.blade.php) app.js Vue.compon

我刚接触过laravel/vue js。我正在学习一些教程,但我无法在html中呈现数据。它抛出错误消息由于某种原因未定义。而且,从最初的laravel项目设置开始,我并没有做太多改变

还有一个问题。我希望看到console.log结果,但它没有显示在chrome开发工具中。这对laravel应用程序正常吗

使用未定义常量消息时出错-假定为“消息”(视图: /home/vagrant/flowers/resources/views/app.blade.php)

app.js

Vue.component('example', require('./components/Example.vue'));

const app = new Vue({
    el: '#app',
    data: {
      message: 'test',
      todos: [
      { text: 'Learn JavaScript' },
      { text: 'Learn Vue' },
      { text: 'Build something awesome' }
    ]
  }
});
app.blade.php

<html>
  <head>
    <link re="stylesheet" href="{{ asset('css/app.css')}}"
  </head>
  <body>
    <div id="app">
      {{message}}
      <example/>
    </div>
    <script src="{{ asset('js/app.js')}}"/></script>
  </body>
</html>


似乎是Vue.js和刀片插值符号的混合,即
{{…}
。快速搜索建议使用我尝试过的
@{{message}
,但不起作用。它没有抛出任何错误,但没有显示messagI,我注意到您在标记中留下了
。出于好奇,Example.vue组件是否输出了任何东西?你是否得到了
我是一个示例组件消息?如果是这样,如果将
{{message}}
放在resources/assets/js/components/Example.vue下的组件文件中,会发生什么?