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