vue-routerでURL 引数を受け取る方法

はじめに

少し詰まってしまったので備忘録

やりたいこと

URLがhttp://xxx.xxx.xxx.xxx?test=vで{test:'v'}を受け取りたい。

やり方

        <script src="https://cdn.jsdelivr.net/npm/vue@2.5.21/dist/vue.js"></script>
        <script src="https://unpkg.com/vue-router/dist/vue-router.js"></script>
        <script>
            // routerを初期化
            var router　=　new VueRouter({
                mode: 'history',
                routes: []
                });
            var app = new Vue({
                router,// router を追加
                el: '#app',
                data:{},
                created: function () {
                    // routerから読み込み
                    console.log(this.$route.query)
                }
            })
        </script>

詰まったところ

• VueRouterを初期化し作らなければならない
• VueRouterのインスタンスをVueインスタンスに渡さなければならない