Vue.js Vue组件未在laravel 5.3中使用Passport 显示

正如你可以从标题中看到的，我正在试用拉雷维尔5.3和passport.

所以我已经完成了安装Laravel passport的步骤，据我所知，一切都准备就绪.

我已将相应的Vue组件放入我家的标记中.刀身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组件.

这是我的应用程序.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的新手