Laravel Vue组件未显示

问题描述：

我被这个代码填塞了。我不能让它工作，我不会有任何错误。这可能意味着我需要一个依赖关系？它根本不显示。请帮帮我。谢谢。Laravel Vue组件未显示

app.js - 文件

Vue.component('message', require('./components/Message.vue')); 

const app = new Vue({ 
    el: '#app' 
});

Message.vue - 文件

<template> 
    <div class="container"> 
     <div class="row"> 
      <div class="col-md-8 col-md-offset-2"> 
       <div class="panel panel-default"> 
        <div class="panel-heading">Message</div> 
        <div class="panel-body"> 
         I'm the component! 
        </div> 
       </div> 
      </div> 
     </div> 
    </div> 
</template> 

<script> 
    export default { 
     ready() { 
      console.log('Component ready') 
     } 
    } 
</script>

home.blade.php - 文件

@extends('templates.default') 

@section('content') 
    <h3>Welcome to Site</h3> 
    <div class="container"> 
     <div id="app"> 
      <message></message> 
     </div> 
    </div> 
@stop

你有VUE开发工具？您可以检查是否已创建根实例。另外，如果您使用vue 2，'ready'方法已折旧，则应使用'mounted'或其他生命周期方法。 –

我将如何使用作曲家更新vue js到2？ – Castiel

我有Vue 2.1.0，但仍然没有显示任何东西。请帮忙。 – Castiel

答

您可能还需要清除浏览器缓存当与前端一起工作时。在mac上这是command + shift + R。还要确保你运行了gulp来编译你的js文件。

还请确保您已经编译js文件到您的布局模板</body>前：

<script src="/js/app.js"></script>

Laravel Vue组件未显示

相关推荐