Laravel Vue 组件未显示答案

【问题标题】：Laravel Vue Component not being shownLaravel Vue 组件未显示
【发布时间】：2017-02-23 07:44:34
【问题描述】：

我被这段代码卡住了。我不能让它工作，我没有得到任何错误。这可能意味着我需要额外的依赖？它根本没有显示。请帮我。谢谢。

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 2ready方法已经贬值，你应该使用mounted或者其他生命周期方法。
如何使用 composer 将 vue js 更新为 2？
我有 Vue 2.1.0，但仍然没有显示任何内容。请帮忙。

标签： laravel components show vuejs2

【解决方案1】：

在使用前端时，您可能还需要清除浏览器缓存。在 Mac 上，这是command + shift + R。还要确保你确实运行了 gulp 来编译你的 js 文件。

还要确保在 </body> 之前将编译好的 js 文件包含到布局模板中：

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

【讨论】：

【解决方案2】：

我认为您缺少该行中的 .default

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

【讨论】：