Vue routerに指定するcomponent

Question

1. 全体コードのうち、以下のUserListは、Vue.componentで作成していませんが、vueコンポーネントである必要はないのでしょぅか？
2. 現在のUserListの型は何になるのでしょぅか？
3. Vue RouterのroutesのcomponentはVueコンポーネントでなくてもよいのでしょうか？

    var UserList = {
        template:'#user-list'
    }

全体コード

<!DOCTYPE>
<title>Vue.js SPAのサンプルアプリケーション</title>

<div id="app">
    <nav>
        <router-link to="/top">トップページ</router-link>
        <router-link to="/users">ユーザー一覧ページ</router-link>
        <router-view></router-view>
    </nav>        
</div>

<script src="https://unpkg.com/vue@2.5.17"></script>
<script src="https://unpkg.com/vue-router@3.0.1"></script>

<script type="text/x-template" id="user-list">
    <div>ユーザー一覧ページです。</div>
</script>


<script>
    var UserList = {
        template:'#user-list'
    }

    var router = new VueRouter({
        routes: [
            {
                path:'/top',
                component:{
                    template: '<div>トップページです。</div'
                }
            },

        ]
    })



</script>

Answer 1

現在のUserListの型は何になるのでしょぅか？

いわゆるobjectです。
「プレーンオブジェクト」と呼ぶ場合もあります。

Vue RouterのroutesのcomponentはVueコンポーネントでなくてもよいのでしょうか？

vue-routerのドキュメントでは、componentオプションの型はComponentとされています。
一方、実際のソースコードでは、componentオプションの型はanyとされており、型の指定がありません。
ですので、Vue.component()で生成していなくてもエラーにはなりません。

ただ、ドキュメントの記載にしたがってオプションを利用するのが無難だと思います。

Comments

[NozomuIkuta]

> otaksさん
質問者の方であれば「解決済」にしていただくか、コメントに「追加の質問」をしていただけると幸いです。