php - 在 laravel 5.3 中，Vue 组件未使用护照显示

Question

正如您从标题中看到的，我正在试用 Laravel 5.3 和 passport。

所以我已经完成了安装 Laravel 护照的步骤，据我所知，一切都已就绪。

我已经将相应的 Vue 组件放入我的 home.blade.php 的标记中，如下所示，以便根据我所做的文档进行测试

@extends('layouts.app')

@section('content')
<div class="container">
    <div class="row">
        <div class="col-md-8 col-md-offset-2">
            <div class="panel panel-default">
                <div class="panel-heading">Dashboard</div>

                <div class="panel-body">
                    You are logged in!
                </div>
            </div>
        </div>
     </div>
</div>

<passport-clients></passport-clients>
<passport-authorized-clients></passport-authorized-clients>
<passport-personal-access-tokens></passport-personal-access-tokens>
@endsection

在我的开发工具中检测到 Vue 正在运行，但是没有显示 Vue 组件。

这是我的 app.js

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

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


Vue.component(
'passport-clients',
require('./components/passport/Clients.vue')
);

Vue.component(
    'passport-authorized-clients',
    require('./components/passport/AuthorizedClients.vue')
);

Vue.component(
    'passport-personal-access-tokens',
    require('./components/passport/PersonalAccessTokens.vue')
);

我遇到了错误

 vue.common.js?4a36:1019 [Vue warn]: Unknown custom element: <passport-clients> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

知道如何解决这个问题吗？我是 Vue 的新手

Answer 1

在您的 app.js 文件中，在创建新的 Vue 之前导入紧接在 example 组件下方或代替 example 组件的组件绑定(bind)到 DOM 的对象。

不要忘记同时运行 gulp。 :)